From 7b67ef893c95b7cfb1abb7a3727be110a98a0a50 Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Mon, 13 Jul 2026 19:12:28 +0200
Subject: [PATCH] Fix admin sidebar height, language dropdown overflow,
 pagination wrap, nav dropdown min-width

---
 src/app/admin/layout.tsx             | 2 +-
 src/components/admin/data-table.tsx  | 4 ++--
 src/components/language-switcher.tsx | 2 +-
 src/components/nav-dropdown.tsx      | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index 267902d8..3aed70b9 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -179,7 +179,7 @@ async function Sidebar({ staff }: { staff: { id: number; username: string; rank:
   const navGroups = getNavGroups(t);
 
   return (
-    <aside className="sticky top-0 self-start h-screen bg-[var(--admin-sidebar-background)] text-[var(--admin-sidebar-text-readable)] shadow-xl flex flex-col">
+    <aside className="sticky top-0 self-start h-auto lg:h-screen overflow-y-auto bg-[var(--admin-sidebar-background)] text-[var(--admin-sidebar-text-readable)] shadow-xl flex flex-col">
       <div className="flex items-center gap-3 px-4 py-5 border-b border-[var(--admin-border)]">
         <span
           className="flex-none w-10 h-10 rounded-xl grid place-items-center font-extrabold text-base text-[var(--color-primary-foreground-readable)] bg-[var(--admin-accent)] shadow-lg shadow-[var(--admin-accent)]/20"
diff --git a/src/components/admin/data-table.tsx b/src/components/admin/data-table.tsx
index b43d7e14..58e5373e 100644
--- a/src/components/admin/data-table.tsx
+++ b/src/components/admin/data-table.tsx
@@ -439,7 +439,7 @@ export function DataTable<T extends { id: number | string }>({
           <p className="text-sm text-muted-foreground">
             Page {data.page} of {data.lastPage}
           </p>
-          <div className="flex items-center gap-1">
+          <div className="flex items-center gap-1 flex-wrap justify-end">
             <Button
               variant="outline"
               size="icon"
@@ -448,7 +448,7 @@ export function DataTable<T extends { id: number | string }>({
             >
               <ChevronLeft className="h-4 w-4" />
             </Button>
-            {Array.from({ length: Math.min(data.lastPage, 7) }, (_, i) => {
+            {Array.from({ length: Math.min(data.lastPage, 5) }, (_, i) => {
               let pageNum: number;
               if (data.lastPage <= 7) {
                 pageNum = i + 1;
diff --git a/src/components/language-switcher.tsx b/src/components/language-switcher.tsx
index 65cb060f..3d4b1a71 100644
--- a/src/components/language-switcher.tsx
+++ b/src/components/language-switcher.tsx
@@ -93,7 +93,7 @@ export function LanguageSwitcher() {
       </button>
 
       {open && (
-        <div className="dropdown-menu absolute right-0 top-full mt-0.5 min-w-[200px] rounded-xl z-50 py-2">
+        <div className="dropdown-menu absolute left-0 md:right-0 md:left-auto top-full mt-0.5 min-w-[200px] rounded-xl z-50 py-2">
           <div className="px-3 pb-1">
             <div className="flex items-center gap-1.5 rounded-md border bg-background px-2 py-1.5 text-sm">
               <Search className="h-3.5 w-3.5 text-muted-foreground" />
diff --git a/src/components/nav-dropdown.tsx b/src/components/nav-dropdown.tsx
index 6535bab9..dcfdf45b 100644
--- a/src/components/nav-dropdown.tsx
+++ b/src/components/nav-dropdown.tsx
@@ -55,7 +55,7 @@ export function NavDropdown({ label, icon, children }: NavDropdownProps) {
       </button>
       {open && (
         <div
-          className="dropdown-menu md:absolute left-0 top-full mt-0.5 min-w-[200px] rounded-xl z-50 py-2"
+          className="dropdown-menu md:absolute left-0 top-full mt-0.5 min-w-0 md:min-w-[200px] rounded-xl z-50 py-2"
           role="menu"
           onClick={() => setOpen(false)}
         >