From d852e79a106998c66c264ae4d202aa5c15e17db2 Mon Sep 17 00:00:00 2001
From: Johan Grimsehl <johan.grimsehl@gmail.com>
Date: Mon, 9 Dec 2024 16:39:12 +0100
Subject: [PATCH] Add tab scrolling

---
 src/admin/Students.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/admin/Students.tsx b/src/admin/Students.tsx
index 9c6a262..d95e6d5 100644
--- a/src/admin/Students.tsx
+++ b/src/admin/Students.tsx
@@ -239,10 +239,12 @@ export default function Students() {
         value={
           classId || (sortedClasses.length < 1 ? "new-class" : sortedClasses[0].id)
         }
+        style={{ width: "100%", overflowX: "auto" }}
       >
         {sortedClasses.map((c) => (
           <mdui-tab
             value={c.id}
+            style={{ whiteSpace: "nowrap" }}
             onClick={() => {
               navigate(`/admin/students/${c.id}`);
             }}
@@ -253,6 +255,7 @@ export default function Students() {
         ))}
         <mdui-tab
           value="new-class"
+          style={{ whiteSpace: "nowrap" }}
           icon="add"
           inline
           onClick={() => {