From 48da48187126c6850b56bb46295730fcc456948b Mon Sep 17 00:00:00 2001
From: Alan Guo Xiang Tan <gxtan1990@gmail.com>
Date: Mon, 29 Aug 2022 10:27:58 +0800
Subject: [PATCH] UX: Increase sidebar fontsize on mobile (#18100)

Font size was first increased in 9909d001c5c4c74bd4f25015001530c7be5796b7 but regressed in
7a05a9d4110cd3ad8c085750b9e2eb6590aeb75e
---
 app/assets/stylesheets/mobile/menu-panel.scss |  8 ++++----
 app/assets/stylesheets/mobile/sidebar.scss    | 19 -------------------
 2 files changed, 4 insertions(+), 23 deletions(-)

diff --git a/app/assets/stylesheets/mobile/menu-panel.scss b/app/assets/stylesheets/mobile/menu-panel.scss
index 5139e1598bd..53ecdf10112 100644
--- a/app/assets/stylesheets/mobile/menu-panel.scss
+++ b/app/assets/stylesheets/mobile/menu-panel.scss
@@ -73,13 +73,13 @@
   --d-sidebar-highlight-color: var(--primary-low);
 
   .sidebar-row {
-    padding: 0.25rem var(--d-sidebar-row-horizontal-padding);
+    padding: 0.5rem var(--d-sidebar-row-horizontal-padding);
     height: 27px;
     align-items: center;
-    font-size: var(--font-down-1);
+    font-size: var(--font-0);
   }
 
-  .sidebar-section-wrapper .sidebar-section-header {
-    padding: 0;
+  .sidebar-section-wrapper {
+    margin-bottom: 0.5em;
   }
 }
diff --git a/app/assets/stylesheets/mobile/sidebar.scss b/app/assets/stylesheets/mobile/sidebar.scss
index 6b62a38cb83..b01ef420c50 100644
--- a/app/assets/stylesheets/mobile/sidebar.scss
+++ b/app/assets/stylesheets/mobile/sidebar.scss
@@ -1,17 +1,3 @@
-#main-outlet-wrapper {
-  .sidebar-section-header-wrapper {
-    margin-bottom: 0.25em;
-  }
-
-  .sidebar-section-header-link {
-    font-size: var(--font-0);
-  }
-  .sidebar-section-link {
-    padding: 0.5em;
-    font-size: var(--font-0);
-  }
-}
-
 .sidebar-footer-wrapper {
   position: static;
   margin-top: 1em;
@@ -20,8 +6,3 @@
     padding: 0.5em 0.1em;
   }
 }
-
-.sidebar-more-section-links-details
-  .sidebar-more-section-links-details-summary {
-  font-size: var(--font-0);
-}