From 562f2b86126daecf19324c6151e7a07a551de384 Mon Sep 17 00:00:00 2001
From: James Magahern <james@magahern.com>
Date: Fri, 12 Jun 2026 08:45:34 -0700
Subject: [PATCH] Fix mobile favorites editor layout

---
 public/app.js     |  6 +++++-
 public/styles.css | 25 ++++++++++++++++++-------
 2 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/public/app.js b/public/app.js
index 5fac655..3307545 100644
--- a/public/app.js
+++ b/public/app.js
@@ -1491,8 +1491,12 @@ function createFavoriteManagerRow(item, index) {
   remove.dataset.removeFavorite = String(index);
   remove.textContent = 'Remove';
 
+  const actions = document.createElement('div');
+  actions.className = 'favorite-actions';
+  actions.append(edit, remove);
+
   summary.append(title, url);
-  row.append(summary, edit, remove);
+  row.append(summary, actions);
   return row;
 }
 
diff --git a/public/styles.css b/public/styles.css
index 8684002..ead759d 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -473,7 +473,7 @@ audio {
 
 .favorite-manager-row {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto auto;
+  grid-template-columns: minmax(0, 1fr) auto;
   align-items: center;
   gap: 0.5rem;
   min-height: 4rem;
@@ -509,12 +509,14 @@ audio {
   min-width: 5.2rem;
 }
 
+.favorite-actions {
+  display: flex;
+  gap: 0.5rem;
+  min-width: 0;
+}
+
 .wizard-step {
-  color: var(--soft);
-  font-size: 0.86rem;
-  font-weight: 800;
-  letter-spacing: 0;
-  text-transform: uppercase;
+  display: none;
 }
 
 .wizard-field {
@@ -603,12 +605,21 @@ audio {
 
   .favorite-manager-row {
     grid-template-columns: 1fr;
+    align-items: stretch;
+    gap: 0.7rem;
   }
 
-  .favorite-action {
+  .favorite-actions {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
     width: 100%;
   }
 
+  .favorite-actions .favorite-action {
+    width: 100%;
+    min-width: 0;
+  }
+
   .remove-favorite,
   .secondary-button,
   .primary-button {