From 890e0115b3e7bf0eeb03151c5c3fdbe1da40b30f Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov>
Date: Thu, 28 Mar 2024 09:58:33 -0700
Subject: [PATCH] Better styling applied to Recents pane for mobile. - Change
 padding at bottom of the tree to gap in multipane.

---
 src/ui/layout/pane.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/ui/layout/pane.scss b/src/ui/layout/pane.scss
index 2666b1a7da..63d449b4f8 100644
--- a/src/ui/layout/pane.scss
+++ b/src/ui/layout/pane.scss
@@ -14,15 +14,15 @@
     &--vertical,
     > .l-pane {
         flex-flow: column nowrap;
-
-        body.mobile & {
-            padding-bottom: $interiorMarginLg;
-        }
     }
 
     &--vertical {
         height: 100%;
 
+        body.mobile & {
+            gap: $interiorMargin;
+        }
+
         > .l-pane .l-pane__contents {
             padding-right: $interiorMarginSm; // Fend off scrollbar
         }