From ced98d0c425f3e7fd22eaa134dec8f9eb11006b0 Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Sun, 25 Aug 2019 17:56:54 -0700
Subject: [PATCH] Use grid-row-gap instead of not last margin-bottom.

---
 frontends/etiquette_flask/templates/album.html | 10 ++++++----
 frontends/etiquette_flask/templates/tags.html  |  7 ++++++-
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/frontends/etiquette_flask/templates/album.html b/frontends/etiquette_flask/templates/album.html
index f80a46b..518d89e 100644
--- a/frontends/etiquette_flask/templates/album.html
+++ b/frontends/etiquette_flask/templates/album.html
@@ -7,10 +7,6 @@ h2, h3
 {
     margin-top: 0;
 }
-#left > *:not(:last-child)
-{
-    margin-bottom: 30px;
-}
 #album_metadata h2 .editor_input
 {
     font-size: inherit;
@@ -22,6 +18,12 @@ h2, h3
     padding: 8px;
 }
 
+#left
+{
+    display: grid;
+    grid-row-gap: 30px;
+    grid-auto-rows: max-content;
+}
 #right
 {
     grid-row-gap: 8px;
diff --git a/frontends/etiquette_flask/templates/tags.html b/frontends/etiquette_flask/templates/tags.html
index d5bbcea..73149a0 100644
--- a/frontends/etiquette_flask/templates/tags.html
+++ b/frontends/etiquette_flask/templates/tags.html
@@ -26,10 +26,15 @@ h2, h3
 {
     grid-area: header;
 }
+#left
+{
+    display: grid;
+    grid-row-gap: 30px;
+    grid-auto-rows: max-content;
+}
 #left > *
 {
     background-color: var(--color_site_transparency);
-    margin-bottom: 30px;
     padding: 8px;
     border-radius: 5px;
 }