From 2b11b872d9a7be9f7b86ec0a86eaab15e1134b56 Mon Sep 17 00:00:00 2001
From: Graham McIntire <graham@mcintire.me>
Date: Wed, 1 Apr 2026 15:31:09 -0500
Subject: [PATCH] Restyle submit page tabs as segmented control

---
 lib/microwaveprop_web/live/submit_live.ex | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/lib/microwaveprop_web/live/submit_live.ex b/lib/microwaveprop_web/live/submit_live.ex
index 7b9239b0..2a8a1eb3 100644
--- a/lib/microwaveprop_web/live/submit_live.ex
+++ b/lib/microwaveprop_web/live/submit_live.ex
@@ -147,18 +147,22 @@ defmodule MicrowavepropWeb.SubmitLive do
         </p>
       </div>
 
-      <div role="tablist" class="tabs tabs-bordered mb-6">
+      <div class="flex gap-1 bg-base-200 rounded-lg p-1 mb-6 w-fit">
         <button
-          role="tab"
-          class={["tab", @active_tab == :single && "tab-active"]}
+          class={[
+            "px-4 py-2 text-sm font-medium rounded-md transition-colors",
+            if(@active_tab == :single, do: "bg-primary text-primary-content", else: "hover:bg-base-300")
+          ]}
           phx-click="switch_tab"
           phx-value-tab="single"
         >
           Single Contact
         </button>
         <button
-          role="tab"
-          class={["tab", @active_tab == :csv && "tab-active"]}
+          class={[
+            "px-4 py-2 text-sm font-medium rounded-md transition-colors",
+            if(@active_tab == :csv, do: "bg-primary text-primary-content", else: "hover:bg-base-300")
+          ]}
           phx-click="switch_tab"
           phx-value-tab="csv"
         >