this makes the collapse button the the slider bigger on mobile - under 720px so it's easier to hit

Signed-off-by: Kai Wagner <kai.wagner@percona.com>

Author: ImTheKai

app/assets/stylesheets/components/sidebar.css

@@ -26,13 +26,25 @@
   align-items: center;
   justify-content: center;
   transition: transform var(--transition-fast), background-color var(--transition-fast);
+  z-index: 1;
 }
 
 .sidebar-collapse-button:hover {
   background: var(--color-bg-hover);
   transform: scale(1.05);
 }
 
+@media (max-width: 720px) {
+  .layout-sidebar-resizer {
+    width: 18px;
+  }
+
+  .sidebar-collapse-button {
+    width: 48px;
+    height: 48px;
+  }
+}
+
 .sidebar-section {
   margin-bottom: var(--spacing-8);
 }