Fixed missing bottom margin in site list.

2020-01-09 03:39:13 +01:00
parent 8564d64fa1
commit f652b0d91c
2 changed files with 11 additions and 4 deletions
--- 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>