From 98d6d22e552a21b04e893f5b1b7efec8674921db Mon Sep 17 00:00:00 2001
From: Jeff Emmett <jeffemmett@gmail.com>
Date: Thu, 16 Apr 2026 16:36:52 -0400
Subject: [PATCH] ui(space-settings): Invite label + breathing room under
 username search

- Rename 'Add' to 'Invite' in the By-Username add-member row to match
  the By-Email path and reflect that it goes through an invite flow.
- Add 10px top margin to .add-member-row so the role dropdown and
  button don't visually collide with the search input/selected-user
  area above.
---
 shared/components/rstack-space-switcher.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/shared/components/rstack-space-switcher.ts b/shared/components/rstack-space-switcher.ts
index 34248729..94372292 100644
--- a/shared/components/rstack-space-switcher.ts
+++ b/shared/components/rstack-space-switcher.ts
@@ -756,7 +756,7 @@ export class RStackSpaceSwitcher extends HTMLElement {
 									<option value="moderator">moderator</option>
 									<option value="admin">admin</option>
 								</select>
-								<button class="btn-sm btn-sm--approve" id="am-add-btn" disabled>Add</button>
+								<button class="btn-sm btn-sm--approve" id="am-add-btn" disabled>Invite</button>
 							</div>
 							<div class="add-feedback" id="am-feedback"></div>
 						</div>
@@ -2210,7 +2210,7 @@ input:checked + .toggle-slider:before { transform: translateX(16px); }
 .add-toggle-btn.active { background: rgba(6,182,212,0.1); border-color: rgba(6,182,212,0.3); color: #06b6d4; }
 .add-member-form { display: flex; flex-direction: column; gap: 8px; }
 .add-member-form.hidden { display: none; }
-.add-member-row { display: flex; gap: 8px; align-items: center; }
+.add-member-row { display: flex; gap: 8px; align-items: center; margin-top: 10px; }
 .add-search-wrapper { position: relative; }
 .add-search-dropdown { position: absolute; top: 100%; left: 0; right: 0; background: var(--rs-bg-surface); border: 1px solid var(--rs-border); border-radius: 8px; margin-top: 4px; overflow: hidden; z-index: 10; box-shadow: 0 4px 16px rgba(0,0,0,0.25); display: none; }
 .add-search-dropdown.open { display: block; }