From 83f218ace806ce5821672acca90878f9918f144a Mon Sep 17 00:00:00 2001
From: grandeljay <github.jay@grandel.anonaddy.me>
Date: Tue, 6 Dec 2022 18:07:06 +0100
Subject: [PATCH] Make wishlist grid compact

---
 src/assets/css/default.css | 13 +++++++++++--
 src/classes/wishlist.php   |  4 ++--
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/assets/css/default.css b/src/assets/css/default.css
index a1574e97..a3232dd9 100644
--- a/src/assets/css/default.css
+++ b/src/assets/css/default.css
@@ -83,11 +83,19 @@ dialog[open] > .ui.modal {
 @media (max-width: 767.98px) {
     .ui.ui.ui.ui.stackable.grid.actions,
     .ui.ui.ui.ui.stackable.grid.wishlist {
-        margin: -1rem !important;
+        margin-left: -1rem !important;
+        margin-right: -1rem !important;
+    }
+
+    .ui.ui.ui.ui.stackable.compact.grid.actions,
+    .ui.ui.ui.ui.stackable.compact.grid.wishlist {
+        margin-left: -0.5rem !important;
+        margin-right: -0.5rem !important;
     }
 
     .wishlist-filter-wrapper {
-        margin: -1rem;
+        margin-left: -1rem;
+        margin-right: -1rem;
     }
 }
 
@@ -117,6 +125,7 @@ p .ui.horizontal.label {
 }
 .flex.wishlist-filter {
     gap: 1rem;
+    margin-bottom: 0.5rem;
 }
 
 @media (max-width: 767px) {
diff --git a/src/classes/wishlist.php b/src/classes/wishlist.php
index a2a9efcf..d0076ec8 100644
--- a/src/classes/wishlist.php
+++ b/src/classes/wishlist.php
@@ -126,7 +126,7 @@ class Wishlist
         switch ($style) {
             case 'list':
                 ?>
-                <div class="ui one column doubling stackable grid wishlist">
+                <div class="ui one column doubling stackable compact grid wishlist">
                     <?php if (!empty($this->wishes)) { ?>
                         <?php foreach ($this->wishes as $wish) { ?>
                             <div class="column">
@@ -148,7 +148,7 @@ class Wishlist
 
             default:
                 ?>
-                <div class="ui three column doubling stackable grid wishlist">
+                <div class="ui three column doubling stackable compact grid wishlist">
                     <?php if (!empty($this->wishes)) { ?>
                         <?php foreach ($this->wishes as $wish) { ?>
                             <div class="column">