From 24b6a9c170a3f91290955b11aab82e0640b135b9 Mon Sep 17 00:00:00 2001
From: eti <eti@eti.tf>
Date: Tue, 30 Jun 2026 10:27:59 +0200
Subject: [PATCH] appview/repo: improve branch selector styling

also improves global `<select>` styling

![](https://x.eti.tf/6392ce6.png)

resolves
[TAN-436](https://linear.app/tangled/issue/TAN-436/branch-selector-max-width-is-too-small)

Signed-off-by: eti <eti@eti.tf>
---
 appview/pages/templates/repo/index.html |  2 +-
 input.css                               | 13 +++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/appview/pages/templates/repo/index.html b/appview/pages/templates/repo/index.html
index 0d682d4e..828e5656 100644
--- a/appview/pages/templates/repo/index.html
+++ b/appview/pages/templates/repo/index.html
@@ -88,7 +88,7 @@
     <div class="flex gap-2 items-stretch">
       <select
           onchange="window.location.href = '/{{ .RepoInfo.FullName }}/tree/' + encodeURIComponent(this.value)"
-          class="p-1 border max-w-32 border-gray-200 bg-white dark:bg-gray-800 dark:text-white dark:border-gray-700"
+          class="max-w-32 sm:max-w-64"
       >
           <optgroup label="Branches ({{len .Branches}})" class="bold text-sm">
               {{ range .Branches }}
diff --git a/input.css b/input.css
index fe4cead8..2dc59ace 100644
--- a/input.css
+++ b/input.css
@@ -97,8 +97,8 @@
         input,
         textarea {
             @apply block rounded p-3
-            bg-gray-50 dark:bg-gray-800 dark:text-white
-            border border-gray-300 dark:border-gray-600
+            bg-white dark:bg-gray-800 dark:text-white
+            border border-gray-200 dark:border-gray-600
             focus:outline-none focus:ring-1 focus:ring-gray-400 dark:focus:ring-gray-500;
         }
 
@@ -189,6 +189,15 @@
             }
         }
 
+        select {
+            @apply flex items-center rounded p-2 h-[32px]
+            border border-gray-200 
+            bg-white
+            dark:text-white 
+            dark:bg-gray-800 dark:border-gray-700 
+            ;
+        }
+
         details summary::-webkit-details-marker {
             display: none;
         }
-- 
2.51.2