fixed mock mode button; shortened simulation tabs

styles/index.css

@@ -327,6 +327,9 @@
   .mb-\[3em\] {
     margin-bottom: 3em;
   }
+  .ml-\[0\.5em\] {
+    margin-left: 0.5em;
+  }
   .ml-\[1em\] {
     margin-left: 1em;
   }

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"

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 }}