From 60dade8951a29a5b8dc111f9e4f7169ce3751bd8 Mon Sep 17 00:00:00 2001
From: REJack <info@rejack.de>
Date: Wed, 7 Jun 2023 00:14:31 +0200
Subject: [PATCH] feat: add app-content-top-area class & adjust app-main
 padding

- adjust app-main padding-botto to correct padding as with a row (1/2 of gutter width)
---
 src/scss/_app-content.scss | 16 ++++++++++++++--
 src/scss/_app-main.scss    |  2 +-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/scss/_app-content.scss b/src/scss/_app-content.scss
index a08d6f954..56f970eb8 100644
--- a/src/scss/_app-content.scss
+++ b/src/scss/_app-content.scss
@@ -2,13 +2,13 @@
   padding: $lte-content-padding-y $lte-content-padding-x;
 }
 
-.app-content-bottom-area {
+.app-content-top-area,
+.app-content-bottom-area{
   display: flex;
   align-items: center;
   padding: $lte-content-padding-y $lte-content-padding-x;
   overflow: auto;
   background: $lte-app-footer-bg;
-  border-top: $lte-app-footer-border-top;
 
   > .row {
     display: contents;
@@ -34,3 +34,15 @@
     max-height: $lte-app-content-bottom-area-height-xl;
   }
 }
+
+.app-content-bottom-area {
+  border-top: $lte-app-footer-border-top;
+}
+.app-content-top-area {
+  border-bottom: $lte-app-footer-border-top;
+
+  & + .app-main {
+    padding-top: $grid-gutter-width * 0.5;
+  }
+}
+
diff --git a/src/scss/_app-main.scss b/src/scss/_app-main.scss
index cc5d01643..fcff4f5b1 100644
--- a/src/scss/_app-main.scss
+++ b/src/scss/_app-main.scss
@@ -2,7 +2,7 @@
   position: relative;
   grid-area: #{$lte-prefix}app-main;
   max-width: 100vw;
-  padding-bottom: 1rem;
+  padding-bottom: $grid-gutter-width * 0.5;
   @include transition($lte-transition-speed $lte-transition-fn);
 
   .app-content-header {