From 4834f2cd11cc03d8702a6286e065d3f0f8703a0a Mon Sep 17 00:00:00 2001
From: Cinder <cinder@e621.net>
Date: Sat, 7 Sep 2024 14:28:21 -0700
Subject: [PATCH] [Misc] Fix the missing bottom margin issue (#751)

Desktop style overwrote the themed one.
---
 app/javascript/src/styles/common/main_layout.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/javascript/src/styles/common/main_layout.scss b/app/javascript/src/styles/common/main_layout.scss
index d70cd5c66..7851b86b3 100644
--- a/app/javascript/src/styles/common/main_layout.scss
+++ b/app/javascript/src/styles/common/main_layout.scss
@@ -4,12 +4,13 @@ div#search {
 
 div#page {
   overflow: visible;
-  padding: $padding-050 $padding-025;
+  padding: $padding-050 $padding-025 themed("content-padding-bottom");
 
   @include window-larger-than(800px) {
     border-radius: $border-radius-full;
     margin: 0 1em;
-    padding: $padding-050;
+    padding-left: $padding-050;
+    padding-right: $padding-050;
   }
 
   background-color: $hexagon-color-foreground;
@@ -17,7 +18,6 @@ div#page {
   background-image: themed("image-foreground");
   background-position: themed("image-foreground-position");
   background-repeat: themed("image-foreground-repeat");
-  padding-bottom: themed("content-padding-bottom");
 
   // Fix failure to contain contents in bounding box.
   &:after {