From 30502d83241731a710e85bbe47a18cab589a4f8d Mon Sep 17 00:00:00 2001
From: NovakPAai <novakpavela@gmail.com>
Date: Sun, 2 Aug 2026 10:00:36 +0300
Subject: [PATCH] fix: unbalanced <div> broke Projects launcher card layout

The missing-folder-detection refactor added the launcher-card-actions
wrapper only for the missing-folder branch, but left the pre-existing
closing </div> in the normal (folder-exists) branch without ever
opening it. The unbalanced markup made every action button/select
render as a direct flex-column child of .launcher-card, stretching
each one to full card width on its own row instead of a compact
action row.

Also brings the <select> terminal-panes control in line with the
button sizing in that row, and pushes the rarely-used Remove control
to the end of the row with quieter styling so it doesn't compete
visually with New/Last.
---
 src/frontend/app.js     |  5 +++--
 src/frontend/styles.css | 18 ++++++++++++++++--
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/frontend/app.js b/src/frontend/app.js
index 9c65d1d..d3e91d2 100644
--- a/src/frontend/app.js
+++ b/src/frontend/app.js
@@ -2154,7 +2154,7 @@ function renderLauncherCard(projKey, projInfo) {
         'aria-label="' + escHtml(recloneAria) + '">↓ Re-clone</button>';
     }
     if (projInfo.manualId) {
-      missingActions += '<button class="git-project-launch-btn" data-proj-id="' + escHtml(projInfo.manualId) + '" data-proj-name="' + escHtml(projName) + '" onclick="unregisterProject(this.dataset.projId,this.dataset.projName)" title="Remove from registry (does not delete files)" aria-label="Remove ' + escHtml(projName) + ' from the list">× Remove</button>';
+      missingActions += '<button class="git-project-launch-btn remove-btn" data-proj-id="' + escHtml(projInfo.manualId) + '" data-proj-name="' + escHtml(projName) + '" onclick="unregisterProject(this.dataset.projId,this.dataset.projName)" title="Remove from registry (does not delete files)" aria-label="Remove ' + escHtml(projName) + ' from the list">× Remove</button>';
     }
     if (missingActions) html += '<div class="launcher-card-actions">' + missingActions + '</div>';
     // Keep History drill-in available even when the folder is gone (sessions
@@ -2165,6 +2165,7 @@ function renderLauncherCard(projKey, projInfo) {
     html += '</div>';
     return html;
   }
+  html += '<div class="launcher-card-actions">';
   if (canLaunch && preferredTool) {
     var newAria = 'Start new ' + agentLabel(preferredTool) + ' session in ' + projName;
     var pickerAria = 'Pick a different agent for ' + projName;
@@ -2211,7 +2212,7 @@ function renderLauncherCard(projKey, projInfo) {
       '</select>';
   }
   if (projInfo.manualId) {
-    html += '<button class="git-project-launch-btn" data-proj-id="' + escHtml(projInfo.manualId) + '" data-proj-name="' + escHtml(projName) + '" onclick="unregisterProject(this.dataset.projId,this.dataset.projName)" title="Remove from registry (does not delete files)">&times;</button>';
+    html += '<button class="git-project-launch-btn remove-btn" data-proj-id="' + escHtml(projInfo.manualId) + '" data-proj-name="' + escHtml(projName) + '" onclick="unregisterProject(this.dataset.projId,this.dataset.projName)" title="Remove from registry (does not delete files)" aria-label="Remove ' + escHtml(projName) + ' from the list">&times;</button>';
   }
   html += '</div>';
 
diff --git a/src/frontend/styles.css b/src/frontend/styles.css
index ca847ad..1204ef8 100644
--- a/src/frontend/styles.css
+++ b/src/frontend/styles.css
@@ -4650,15 +4650,29 @@ body[data-view="overview"] .toolbar { display: none; }
 [data-theme="light"] .launcher-card-actions .split-btn .new-btn {
     border-right-color: rgba(0, 0, 0, 0.2);
 }
-.launcher-card-actions button.git-project-launch-btn {
+.launcher-card-actions .git-project-launch-btn {
     margin: 0;
     padding: 6px 12px;
     font-size: 12px;
 }
-.launcher-card-actions button.git-project-launch-btn:focus-visible {
+.launcher-card-actions .git-project-launch-btn:focus-visible {
     outline: 2px solid var(--accent-blue);
     outline-offset: 2px;
 }
+.launcher-card-actions select.git-project-launch-btn {
+    padding-right: 8px;
+}
+/* Remove is destructive-but-rare — push it to the end of the row and keep it
+   visually quiet so it doesn't compete with the launch/resume actions. */
+.launcher-card-actions .remove-btn {
+    margin-left: auto;
+    color: var(--text-muted);
+    padding: 6px 9px;
+}
+.launcher-card-actions .remove-btn:hover {
+    color: var(--accent-red, #f87171);
+    border-color: var(--accent-red, #f87171);
+}
 .launcher-card-link {
     margin-top: auto;
     font-size: 11px;