nogger

public/style.css

@@ -420,8 +420,13 @@ button,
 }
 
 button {
-    padding: 12px 18px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 44px;
+    padding: 11px 16px;
     font-weight: 700;
+    line-height: 1.2;
     color: var(--button-text);
     background: linear-gradient(145deg, var(--brand), var(--brand-strong));
     box-shadow: none;
@@ -712,10 +717,7 @@ select:focus {
 }
 
 .secondary-action {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    padding: 11px 14px;
+    padding: 11px 16px;
     min-height: 44px;
     background: rgba(164, 85, 45, 0.1);
     color: var(--text);
@@ -1597,10 +1599,6 @@ select:focus {
 .persona-item-actions,
 .persona-section-actions,
 .market-header-actions,
-.market-preview-actions {
-    flex-wrap: wrap;
-}
-
 .market-preview-user-field {
     width: 100%;
 }
@@ -1609,8 +1607,38 @@ select:focus {
     width: 100%;
 }
 
+.market-preview-actions {
+    display: grid;
+    gap: 16px;
+    align-items: stretch;
+}
+
+.market-preview-footer {
+    display: flex;
+    justify-content: flex-end;
+    gap: 10px;
+    flex-wrap: wrap;
+}
+
+.market-preview-footer button,
+.market-preview-footer .secondary-action {
+    flex: 1 1 160px;
+    min-width: 0;
+}
+
+.market-preview-name {
+    margin-top: 6px;
+}
+
+.market-preview-user-field select,
+.market-preview-scenario-field textarea {
+    width: 100%;
+}
+
 .persona-item-actions button {
-    padding: 8px 11px;
+    flex: 1 1 0;
+    min-width: 0;
+    padding: 10px 12px;
     font-size: 0.84rem;
 }
 
@@ -1682,7 +1710,8 @@ select:focus {
 
 .popup-actions .secondary-action,
 .popup-actions button {
-    min-width: 132px;
+    flex: 1 1 140px;
+    min-width: 0;
 }
 
 .persona-modal-heading {