[Update] Config Page: Adjust sidebar sizes to smaller.

src-ui/app/config_page/setting_section/SettingSection.module.scss

@@ -5,5 +5,5 @@
 }
 
 .container {
-    margin: 0rem 4rem 16rem 3.2rem;
+    margin: 0rem 4rem 16rem 0.6rem;
 }

src-ui/app/config_page/sidebar_section/SidebarSection.module.scss

@@ -4,7 +4,7 @@
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    padding: 5.8rem 0rem 5.8rem 2.8rem;
+    padding: 0rem 0rem 5.8rem 1.6rem;
     max-height: 60rem;
 }
 
@@ -23,7 +23,7 @@
     justify-content: left;
     align-items: center;
     color: var(--dark_basic_text_color);
-    padding: 0.8rem 0 0.8rem 1.8rem;
+    padding: 0.8rem 0 0.8rem 1.2rem;
     cursor: pointer;
     &:hover {
         background-color: var(--dark_800_color);
@@ -55,7 +55,7 @@
 }
 
 .tab_text {
-    font-size: 1.8rem;
+    font-size: 1.6rem;
 }
 
 .separated_tabs_wrapper {

src-ui/utils/variables.css

@@ -46,6 +46,6 @@
 
 
     --main_page_topbar_height: 4.8rem;
-    --config_page_sidebar_width: 22rem;
+    --config_page_sidebar_width: 18rem;
     --config_page_topbar_height: 8rem;
 }