Simplify mobile meeting toolbar into primary actions and More menu.

Show mic, camera, share, and More on mobile with Leave/End after a divider,
and move reactions, chat, and hand-raise into the More panel on small screens.

Co-authored-by: Cursor <cursoragent@cursor.com>

resources/css/app.css

@@ -28,55 +28,37 @@
     margin-left: auto;
 }
 
-/* Meeting room footer: horizontal carousel on mobile */
+/* Meeting room footer */
 @media (max-width: 639px) {
-    .meet-toolbar {
-        position: relative;
-        overflow: hidden;
-    }
-
-    .meet-toolbar::before,
-    .meet-toolbar::after {
-        content: '';
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        z-index: 1;
-        width: 1.25rem;
-        pointer-events: none;
-    }
-
-    .meet-toolbar::before {
-        left: 0;
-        background: linear-gradient(to right, rgb(2 6 23), transparent);
-    }
-
-    .meet-toolbar::after {
-        right: 0;
-        background: linear-gradient(to left, rgb(2 6 23), transparent);
-    }
-
     .meet-toolbar__track {
         display: flex;
-        flex-wrap: nowrap;
         align-items: center;
-        gap: 0.5rem;
-        overflow-x: auto;
-        overscroll-behavior-x: contain;
-        -webkit-overflow-scrolling: touch;
-        scroll-snap-type: x proximity;
-        scrollbar-width: none;
+        justify-content: space-between;
+        gap: 0.75rem;
         padding-inline: 1rem;
         padding-bottom: max(0.25rem, env(safe-area-inset-bottom, 0px));
     }
 
-    .meet-toolbar__track::-webkit-scrollbar {
-        display: none;
+    .meet-toolbar__primary {
+        display: flex;
+        min-width: 0;
+        flex: 1;
+        align-items: center;
+        gap: 0.5rem;
     }
 
-    .meet-toolbar__track > * {
+    .meet-toolbar__divider {
+        width: 1px;
+        height: 2rem;
         flex-shrink: 0;
-        scroll-snap-align: center;
+        background-color: rgb(51 65 85);
+    }
+
+    .meet-toolbar__actions {
+        display: flex;
+        flex-shrink: 0;
+        align-items: center;
+        gap: 0.5rem;
     }
 }