From 6e5fe4fc45da92c12fa19a1c964a1f53d3d38433 Mon Sep 17 00:00:00 2001
From: Angel Beltran <beltranbeaverdam@gmail.com>
Date: Sat, 28 Feb 2026 22:29:03 -0700
Subject: [PATCH] fixed mock mode button; shortened simulation tabs

---
 styles/index.css                                   |  3 +++
 .../{acctID.int64}/mock-mode-section.html.tmpl     | 14 ++++++++++++--
 .../accounts/{acctID.int64}/simulations.html.tmpl  |  8 ++++----
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/styles/index.css b/styles/index.css
index 44b221d..fd63b68 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -327,6 +327,9 @@
   .mb-\[3em\] {
     margin-bottom: 3em;
   }
+  .ml-\[0\.5em\] {
+    margin-left: 0.5em;
+  }
   .ml-\[1em\] {
     margin-left: 1em;
   }
diff --git a/templates/components/accounts/{acctID.int64}/mock-mode-section.html.tmpl b/templates/components/accounts/{acctID.int64}/mock-mode-section.html.tmpl
index 9dc8c5e..d5c37f0 100644
--- a/templates/components/accounts/{acctID.int64}/mock-mode-section.html.tmpl
+++ b/templates/components/accounts/{acctID.int64}/mock-mode-section.html.tmpl
@@ -9,14 +9,24 @@
 	{{- $mockMode := .MockMode }}
 
 	<form id="mock-mode-form">
-		<label class="flex items-center gap-[0.5em] font-display text-[1.5em]">
+		<label
+			class="
+				flex
+				items-center
+				gap-[0.5em]
+				font-display
+				text-[1.5em]
+				cursor-pointer
+				w-fit
+			"
+		>
 			Mock Mode
 			<input
 				type="checkbox"
 				{{- if $mockMode }}
 				checked
 				{{- end }}
-				class="h-[1em] w-[1em]"
+				class="h-[1em] w-[1em] cursor-pointer"
 				hx-put="/api/accounts/{{$acctID}}/mock-mode"
 				hx-vals='{"on": {{not $mockMode}}}'
 				hx-swap="none"
diff --git a/templates/pages/accounts/{acctID.int64}/simulations.html.tmpl b/templates/pages/accounts/{acctID.int64}/simulations.html.tmpl
index 1953bf3..671f6b2 100644
--- a/templates/pages/accounts/{acctID.int64}/simulations.html.tmpl
+++ b/templates/pages/accounts/{acctID.int64}/simulations.html.tmpl
@@ -1,4 +1,4 @@
-<h1>
+<h1 class="text-center">
 	Simulations
 </h1>
 
@@ -6,7 +6,7 @@
 {{/* SALES */}}
 {{- define "sale-accordion-header" }}
 	<h2 class="inline-block">
-		Simulate Sale
+		Sale
 	</h2>
 {{ end }}
 
@@ -96,7 +96,7 @@
 {{/* REFUNDS */}}
 {{- define "refund-accordion-header" }}
 	<h2 class="inline-block">
-		Simulate Refund
+		Refund
 	</h2>
 {{ end }}
 
@@ -185,7 +185,7 @@
 {{/* SET INVENTORY */}}
 {{- define "set-inventory-accordion-header" }}
 	<h2 class="inline-block">
-		Simulate Set Inventory
+		Set Inventory
 	</h2>
 {{ end }}