From 672cec6470d90ed2fd739a4ec4e916686ae8c702 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sat, 20 Apr 2024 15:01:39 +0800
Subject: [PATCH] Style mod entry and link buttons

---
 src/assets/css/main.css | 30 +++++++++++++++++++++++++-----
 1 file changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index d49954d6..fa6d748e 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -386,14 +386,34 @@ main {
     margin: 0.5em 0;
 }
 
+.mod-entry,
+.mod-entry__downloads {
+    display: grid;
+    align-items: center;
+    gap: 0.5em;
+}
+
+.mod-entry {
+    background: #241445;
+    margin: 1em 0;
+    padding: 1em;
+}
+
+/* Tablet screen size */
+@media only screen and (min-width: 37.5rem) {
+    .mod-entry__downloads {
+        grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
+    }
+}
+
 /* Link button */
 .link-btn {
-    font: 1.3rem 'Source Sans Pro', Arial, sans-serif;
+    font-size: 1.3rem;
+    text-align: center;
     display: inline-block;
-    border: 0.15rem solid var(--clr-link-btn-bg);
-    border-radius: 0.6rem;
-    padding: 0.75rem 1rem;
-    margin: 0.3rem;
+    border: 0.15em solid var(--clr-link-btn-bg);
+    border-radius: 0.6em;
+    padding: 0.5em 1em;
     background: var(--clr-link-btn-bg);
     color: var(--clr-link-btn-txt);
     cursor: pointer;