From d7440f161feafdc870fff933b78cc9e2a326764e Mon Sep 17 00:00:00 2001
From: Jimmy Cai <github@jimmycai.com>
Date: Thu, 3 Mar 2022 21:42:39 +0000
Subject: [PATCH] add flex gap to section card

---
 assets/scss/partials/layout/list.scss | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/assets/scss/partials/layout/list.scss b/assets/scss/partials/layout/list.scss
index 1093eb9..d7815ca 100644
--- a/assets/scss/partials/layout/list.scss
+++ b/assets/scss/partials/layout/list.scss
@@ -5,18 +5,14 @@
     box-shadow: var(--shadow-l1);
     display: flex;
     align-items: center;
+    gap: 20px;
 
     --separation: 15px;
 
     .section-term {
         font-size: 2.2rem;
         margin: 0;
-        margin-top: calc(var(--separation) / 2);
         color: var(--card-text-color-main);
-
-        & + .section-description {
-            margin-top: var(--separation);
-        }
     }
 
     .section-description {
@@ -28,7 +24,9 @@
 
     .section-details {
         flex-grow: 1;
-        margin-right: 20px;
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
     }
 
     .section-image {