From f652b0d91caf1c21baa7fd2714069330feaaabc2 Mon Sep 17 00:00:00 2001
From: Niels Simenon <niels.simenon@gmail.com>
Date: Thu, 9 Jan 2020 03:39:13 +0100
Subject: [PATCH] Fixed missing bottom margin in site list.

---
 assets/components/sites/sites.vue | 8 ++++++--
 public/css/style.css              | 7 +++++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/assets/components/sites/sites.vue b/assets/components/sites/sites.vue
index 5d60ff6d..f066ac96 100644
--- a/assets/components/sites/sites.vue
+++ b/assets/components/sites/sites.vue
@@ -61,11 +61,15 @@ export default {
 
 .tiles {
     display: grid;
-    grid-gap: 1rem;
+    grid-gap: 0 1rem;
     flex-grow: 1;
     padding: 1rem;
-    margin: 0;
     grid-template-columns: 1fr;
     overflow-y: auto;
 }
+
+.tile {
+    /* vertical grid-gap not compatible with bottom padding on scrolling containers */
+    margin: 0 0 1rem 0;
+}
 </style>
diff --git a/public/css/style.css b/public/css/style.css
index cfa6fb09..58a46d4b 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -676,14 +676,17 @@
 }
 .tiles[data-v-7bebaa3e] {
   display: grid;
-  grid-gap: 1rem;
+  grid-gap: 0 1rem;
   -webkit-box-flex: 1;
           flex-grow: 1;
   padding: 1rem;
-  margin: 0;
   grid-template-columns: 1fr;
   overflow-y: auto;
 }
+.tile[data-v-7bebaa3e] {
+  /* vertical grid-gap not compatible with bottom padding on scrolling containers */
+  margin: 0 0 1rem 0;
+}
 
 /* $primary: #ff886c; */
 /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */