From 9be58994d7a7607afd513f5b8c5e8788c9f5e595 Mon Sep 17 00:00:00 2001
From: hedy <hedy@tilde.cafe>
Date: Wed, 24 Jan 2024 18:21:31 +0800
Subject: Events: Adjust spacing

---
 pydis_site/static/css/events/base.css | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/static/css/events/base.css b/pydis_site/static/css/events/base.css
index 80be4338..25b4f4e2 100644
--- a/pydis_site/static/css/events/base.css
+++ b/pydis_site/static/css/events/base.css
@@ -21,6 +21,24 @@ pre {
 
 .event-gallery .card {
     border-radius: 6px;
+    margin-bottom: 1.5rem;
+}
+
+.event-gallery .card img {
+    border-top-left-radius: 6px;
+    border-top-right-radius: 6px;
+}
+
+@media (min-width: 700px) {
+    .scheduled-events .media-left {
+        margin-left: 2rem;
+        margin-right: 2rem;
+    }
+
+    .previous-events .media-left {
+        margin-left: 1rem;
+        margin-right: 1rem;
+    }
 }
 
 /* CSS-only Masonry layout:
@@ -42,12 +60,11 @@ pre {
         /* 3 columns */
         .event-gallery {
             /* Required. Must be only slightly taller than the tallest column */
-            height: 60rem;
+            height: 70rem;
         }
 
         .event-gallery .card {
             width: calc(33% - 1rem);
-            margin-bottom: 1rem;
         }
 
         /* Reorder vertically */
@@ -67,12 +84,11 @@ pre {
     @media (max-width: 900px) {
         /* 2 columns */
         .event-gallery {
-            height: 80rem;
+            height: 90rem;
         }
 
         .event-gallery .card {
             width: calc(50% - 1rem);
-            margin-bottom: 1rem;
         }
 
         .event-gallery .card:nth-child(2n+1) { order: 1; }
-- 
cgit v1.2.3