fix(webapp): refine auto-archive copy and toolbar spacing

Author: samejr

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.branches/route.tsx

@@ -306,7 +306,7 @@ export default function Page() {
                   />
                 )}
               </BranchFilters>
-              <div className="flex shrink-0 items-center gap-2">
+              <div className="flex shrink-0 items-center gap-1.5">
                 <PaginationControls
                   currentPage={currentPage}
                   totalPages={totalPages}
@@ -599,7 +599,7 @@ export function BranchFilters({ children }: { children?: ReactNode }) {
   return (
     <div className="flex w-full flex-wrap items-center justify-between gap-2">
       <SearchInput placeholder="Search branch name…" resetParams={["page"]} />
-      <div className="ml-auto flex flex-wrap items-center gap-2">
+      <div className="ml-auto flex flex-wrap items-center gap-1.5">
         <Switch
           checked={showArchived ?? false}
           onCheckedChange={handleArchivedChange}

apps/webapp/app/routes/resources.branches.auto-archive.tsx

@@ -375,7 +375,8 @@ function AutoArchiveForm({
               ))}
               <div id="archive-exclusions-description">
                 <Hint>
-                  Never auto-archive these branches. Use exact names; wildcards aren’t supported.
+                  Never auto-archive these branches. Enter one exact branch name per field; no
+                  wildcards.
                 </Hint>
               </div>
             </div>
@@ -462,7 +463,7 @@ function AutoArchiveForm({
           variant="primary/medium"
           disabled={busy || !reviewed}
         >
-          Save settings
+          Save
         </Button>
       </DialogFooter>
     </fetcher.Form>