Improve UI: show branch name on all screen sizes and increase back button padding

Author: chriswritescode-dev

backend/src/routes/repos.ts

@@ -101,9 +101,7 @@ export function createRepoRoutes(database: Database) {
         return c.json({ error: 'Repo not found' }, 404)
       }
 
-      await withTransactionAsync(database, async (db) => {
-        await repoService.deleteRepoFiles(db, id)
-      })
+      await repoService.deleteRepoFiles(database, id)
 
       return c.json({ success: true })
     } catch (error: any) {

frontend/src/components/repo/BranchSwitcher.tsx

@@ -70,7 +70,7 @@ export function BranchSwitcher({ repoId, currentBranch, isWorktree, repoUrl, rep
             ) : (
               <GitBranch className="w-3 h-3" />
             )}
-            <span className="hidden sm:inline truncate">{currentBranch}</span>
+            <span className="truncate">{currentBranch}</span>
           </Button>
         </DropdownMenuTrigger>
         <DropdownMenuContent sideOffset={0} align="end" className="bg-card border-border min-w-[200px]">

frontend/src/components/ui/back-button.tsx

@@ -12,7 +12,7 @@ export function BackButton({ to = "/", className = "" }: BackButtonProps) {
   return (
     <button
       onClick={() => navigate(to)}
-      className={`text-zinc-400 hover:text-zinc-100 transition-all duration-200 hover:scale-105 text-sm md:text-md border border-zinc-700 rounded-md px-2 py-1 hover ${className}`}
+      className={`text-zinc-400 hover:text-zinc-100 transition-all duration-200 hover:scale-105 text-sm md:text-md border border-zinc-700 rounded-md px-3 py-1.5 hover ${className}`}
     >
       <ArrowLeft className="w-4 h-4" />
     </button>