From 8713a6321a5a11fd7e425f9794c63f4a83219ee0 Mon Sep 17 00:00:00 2001
From: Fluffy-Bean <michal-gdula@protonmail.com>
Date: Wed, 7 Sep 2022 22:16:43 +0000
Subject: [PATCH] Fixed that annoying bug with uneven gap in divs

---
 css/main.css              | 25 +++++++++++++------------
 css/scss/_mixin.scss      |  2 +-
 css/scss/_navigation.scss |  1 +
 3 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/css/main.css b/css/main.css
index a2d88c4..3734153 100644
--- a/css/main.css
+++ b/css/main.css
@@ -28,7 +28,7 @@
 */
 nav {
   margin-bottom: 1rem;
-  padding: 0.5rem;
+  padding: 0.5rem 0.5rem 0 0.5rem;
   width: calc(100% - 1.4rem);
   background-color: #151515;
   color: #E8E3E3;
@@ -40,6 +40,7 @@ nav {
   flex-wrap: wrap;
   justify-content: space-between;
   margin: 0 auto 1rem;
+  padding: 0.5rem;
   width: calc(100% - 1.4rem);
   height: 2.5rem;
   position: -webkit-sticky;
@@ -298,7 +299,7 @@ nav .btn {
 
 .image-description {
   margin-bottom: 1rem;
-  padding: 0.5rem;
+  padding: 0.5rem 0.5rem 0 0.5rem;
   width: calc(100% - 1.4rem);
   background-color: #151515;
   color: #E8E3E3;
@@ -326,7 +327,7 @@ nav .btn {
 
 .image-detail {
   margin-bottom: 1rem;
-  padding: 0.5rem;
+  padding: 0.5rem 0.5rem 0 0.5rem;
   width: calc(100% - 1.4rem);
   background-color: #151515;
   color: #E8E3E3;
@@ -354,7 +355,7 @@ nav .btn {
 
 .tags-root {
   margin-bottom: 1rem;
-  padding: 0.5rem;
+  padding: 0.5rem 0.5rem 0 0.5rem;
   width: calc(100% - 1.4rem);
   background-color: #151515;
   color: #E8E3E3;
@@ -402,7 +403,7 @@ nav .btn {
 
 .danger-zone {
   margin-bottom: 1rem;
-  padding: 0.5rem;
+  padding: 0.5rem 0.5rem 0 0.5rem;
   width: calc(100% - 1.4rem);
   background-color: #151515;
   color: #E8E3E3;
@@ -435,7 +436,7 @@ nav .btn {
 */
 .about-root {
   margin-bottom: 1rem;
-  padding: 0.5rem;
+  padding: 0.5rem 0.5rem 0 0.5rem;
   width: calc(100% - 1.4rem);
   background-color: #151515;
   color: #E8E3E3;
@@ -468,7 +469,7 @@ nav .btn {
 */
 .upload-root {
   margin-bottom: 1rem;
-  padding: 0.5rem;
+  padding: 0.5rem 0.5rem 0 0.5rem;
   width: calc(100% - 1.4rem);
   background-color: #151515;
   color: #E8E3E3;
@@ -501,7 +502,7 @@ nav .btn {
 */
 .account-root {
   margin-bottom: 1rem;
-  padding: 0.5rem;
+  padding: 0.5rem 0.5rem 0 0.5rem;
   width: calc(100% - 1.4rem);
   background-color: #151515;
   color: #E8E3E3;
@@ -534,7 +535,7 @@ nav .btn {
 */
 .signup-root {
   margin-bottom: 1rem;
-  padding: 0.5rem;
+  padding: 0.5rem 0.5rem 0 0.5rem;
   width: calc(100% - 1.4rem);
   background-color: #151515;
   color: #E8E3E3;
@@ -568,7 +569,7 @@ nav .btn {
 */
 .login-root {
   margin-bottom: 1rem;
-  padding: 0.5rem;
+  padding: 0.5rem 0.5rem 0 0.5rem;
   width: calc(100% - 1.4rem);
   background-color: #151515;
   color: #E8E3E3;
@@ -601,7 +602,7 @@ nav .btn {
 */
 .password-reset-root {
   margin-bottom: 1rem;
-  padding: 0.5rem;
+  padding: 0.5rem 0.5rem 0 0.5rem;
   width: calc(100% - 1.4rem);
   background-color: #151515;
   color: #E8E3E3;
@@ -634,7 +635,7 @@ nav .btn {
 */
 .search-root {
   margin-bottom: 1rem;
-  padding: 0.5rem;
+  padding: 0.5rem 0.5rem 0 0.5rem;
   width: calc(100% - 1.4rem);
   background-color: #151515;
   color: #E8E3E3;
diff --git a/css/scss/_mixin.scss b/css/scss/_mixin.scss
index 315f3a1..d0ae871 100644
--- a/css/scss/_mixin.scss
+++ b/css/scss/_mixin.scss
@@ -1,6 +1,6 @@
 @mixin defaultDecoration($border) {
     margin-bottom: 1rem;
-    padding: 0.5rem;
+    padding: 0.5rem 0.5rem 0 0.5rem;
 
     width: calc(100% - 1.4rem);
 
diff --git a/css/scss/_navigation.scss b/css/scss/_navigation.scss
index 24a48c1..0ef6565 100644
--- a/css/scss/_navigation.scss
+++ b/css/scss/_navigation.scss
@@ -8,6 +8,7 @@ nav {
     @include flexLeft(space-between);
 
     margin: 0 auto 1rem;
+    padding: 0.5rem;
 
     width: calc(100% - 1.4rem);
     height: 2.5rem;