From a6d74ea5eaf0f826f1c871bf8d56ec501f613aa1 Mon Sep 17 00:00:00 2001
From: grandeljay <github.jay@grandel.anonaddy.me>
Date: Wed, 12 Oct 2022 13:06:04 +0200
Subject: [PATCH] Fix actions padding

---
 src/assets/css/home.css | 35 +++++++++++++++++++++++++++++++++++
 src/pages/home.php      |  2 +-
 2 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/home.css b/src/assets/css/home.css
index 5a47cce0..e7a2aea8 100644
--- a/src/assets/css/home.css
+++ b/src/assets/css/home.css
@@ -1,3 +1,38 @@
+/**
+ * Actions
+ */
+.ui.ui.ui.ui.stackable.grid.actions {
+    margin-left: -1rem !important;
+    margin-right: -1rem !important;
+}
+@media (max-width: 991.9px) {
+    .ui.grid.actions > .column:not(.row) {
+        padding-top: 0.5rem;
+        padding-bottom: 0.5rem;
+    }
+    .ui.grid.actions > .column:not(.row):first-child {
+        padding-top: 1rem;
+    }
+    .ui.grid.actions > .column:not(.row):last-child {
+        padding-bottom: 1rem;
+    }
+}
+@media (min-width: 992px) {
+    .ui.grid.actions > .column:not(.row) {
+        padding-left: 0.5rem;
+        padding-right: 0.5rem;
+    }
+    .ui.grid.actions > .column:not(.row):first-child {
+        padding-left: 1rem;
+    }
+    .ui.grid.actions > .column:not(.row):last-child {
+        padding-right: 1rem;
+    }
+}
+
+/**
+ * Statistics
+ */
 .ui.statistics {
     flex-direction: column;
     align-items: center;
diff --git a/src/pages/home.php b/src/pages/home.php
index d7633748..3beffe37 100644
--- a/src/pages/home.php
+++ b/src/pages/home.php
@@ -25,7 +25,7 @@ $page->navigation();
 
                     <p><?= __('wishthis is a simple, intuitive and modern wishlist platform to create, manage and view your wishes for any kind of occasion.') ?></p>
 
-                    <div class="ui two column doubling stackable centered grid">
+                    <div class="ui two column doubling stackable centered grid actions">
                         <?php if ($_SESSION['user']->isLoggedIn()) { ?>
                             <div class="column">
                                 <a class="ui fluid primary button"