From 6ad6d8b1974ed7099e60ee78691a470d1c518e4b Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Tue, 23 Jun 2026 17:48:51 +0200
Subject: [PATCH] refactor: adjust watch page button sizing and alignment

---
 templates/watch.gohtml | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/watch.gohtml b/templates/watch.gohtml
index 200db63..8c1b5ec 100644
--- a/templates/watch.gohtml
+++ b/templates/watch.gohtml
@@ -40,10 +40,10 @@
         {{end}}
       </div>
 
-      <div class="flex justify-end gap-2" data-segment-editor-root>
+      <div class="flex items-center justify-end gap-2" data-segment-editor-root>
         <ui-dropdown class="relative block" data-align="right" data-width="min-w-[160px]">
           <div data-trigger class="cursor-pointer">
-            <button type="button" class=" inline-flex items-center justify-between gap-2 bg-background-button px-4 py-2 text-sm font-normal leading-none text-foreground-muted transition-colors hover:bg-background-button-hover hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">
+            <button type="button" class="inline-flex h-9 items-center justify-between gap-2 bg-background-button px-4 text-sm font-normal leading-none text-foreground-muted transition-colors hover:bg-background-button-hover hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">
               <span id="watchlist-status-display-{{$anime.MalID}}">
                 {{if .WatchlistStatus}}{{if eq .WatchlistStatus "watching"}}Watching{{else if eq .WatchlistStatus "completed"}}Completed{{else if eq .WatchlistStatus "plan_to_watch"}}Plan to Watch{{else if eq .WatchlistStatus "dropped"}}Dropped{{end}}{{else}}Add to Watchlist{{end}}
               </span>
@@ -108,8 +108,8 @@
           </div>
         </ui-dropdown>
         <ui-dropdown class="relative block" data-align="right" data-width="min-w-[220px]">
-          <div data-trigger>
-            <button type="button" class=" inline-flex items-center gap-2 bg-background-button px-4 py-2 text-sm font-normal leading-none text-foreground-muted transition-colors hover:bg-background-button-hover hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">
+          <div data-trigger class="cursor-pointer">
+            <button type="button" class="inline-flex h-9 items-center gap-2 bg-background-button px-4 text-sm font-normal leading-none text-foreground-muted transition-colors hover:bg-background-button-hover hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">
               <svg class="block h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="1.5"/><circle cx="5" cy="12" r="1.5"/><circle cx="19" cy="12" r="1.5"/></svg>
               More
             </button>