Mobile: topic list, topic view, sidebar tweaks

scss/sidebar.scss

@@ -1,8 +1,12 @@
-.sidebar-wrapper {
+.sidebar-wrapper,
+.sidebar-hamburger-dropdown {
   @include breakpoint(medium) {
     background: var(--secondary);
     .sidebar-footer-wrapper {
       background: var(--secondary);
+      .sidebar-footer-container::before {
+        display: none;
+      }
     }
   }
   .has-full-page-chat &,
@@ -18,9 +22,6 @@
   }
   .sidebar-section-link {
     font-size: var(--font-up-1);
-    // dont want to change fonts here just yet as font-size can be changed as a user pref.
-    // – charlie: sure but I want it to be bigger by default
-    // letter-spacing: 0.5px;
     transition: none;
     border-radius: var(--d-border-radius);
   }
@@ -28,8 +29,16 @@
     border-radius: 0px;
   }
 }
+
 .sidebar-section-wrapper {
-  padding-block: 0.45em;
+  @include breakpoint(extra-large, $rule: min-width) {
+    padding-block: 0.45em;
+  }
+  @include breakpoint(mobile-extra-large) {
+    .hamburger-panel .revamped & {
+      margin-bottom: var(--spacing-block-m);
+    }
+  }
   .sidebar-section-header {
     font-size: var(--font-down-1);
   }
@@ -37,7 +46,9 @@
     margin: 0;
     display: flex;
     flex-direction: column;
-    gap: var(--spacing-block-xs);
+    @include breakpoint(extra-large, $rule: min-width) {
+      gap: var(--spacing-block-xs);
+    }
   }
 }