style: tightly pack user and tunnel filters

vite-frontend/src/pages/forward.tsx

@@ -1702,12 +1702,12 @@ export default function ForwardPage() {
     <div className="px-3 lg:px-6 py-8">
       {/* 页面头部 */}
       <div className="flex items-center justify-between mb-6 gap-2">
-        <div className="flex-1 flex gap-2">
+        <div className="flex items-center gap-2 flex-shrink-0">
           {viewMode === "grouped" && (
             <>
+              <div className="w-[130px] sm:w-[150px]">
                 <Select
                   aria-label="筛选用户"
-                className="w-[130px] sm:w-[150px]"
                   size="sm"
                   variant="bordered"
                   selectedKeys={[filterUserId]}
@@ -1721,10 +1721,11 @@ export default function ForwardPage() {
                     <SelectItem key={user.id.toString()}>{user.name}</SelectItem>
                   ))}
                 </Select>
+              </div>
 
+              <div className="w-[130px] sm:w-[150px]">
                 <Select
                   aria-label="筛选隧道"
-                className="w-[130px] sm:w-[150px]"
                   size="sm"
                   variant="bordered"
                   selectedKeys={[filterTunnelId]}
@@ -1738,10 +1739,11 @@ export default function ForwardPage() {
                     <SelectItem key={tunnel.id.toString()}>{tunnel.name}</SelectItem>
                   ))}
                 </Select>
+              </div>
             </>
           )}
         </div>
-        <div className="flex flex-wrap items-center justify-end gap-2 sm:gap-3">
+        <div className="flex flex-1 flex-wrap items-center justify-end gap-2 sm:gap-3">
           {/* 显示模式切换按钮 */}
           <Button
             isIconOnly