BitSquare/Codeman
2
0
Fork 0
mirror of https://github.com/Ark0N/Codeman.git synced 2026-10-02 05:29:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor(ui): move save/cancel buttons inline with session name

Browse Source 
Shortens the session options modal by putting the name input
and action buttons on the same row at the top.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-19 15:07:52 +01:00
co-authored by Claude Opus 4.5
parent 17a53c4da2
commit d8ca000da1
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/public/index.html
+4 -7
View File
@@ -189,9 +189,10 @@
<button class="modal-close" onclick="app.closeSessionOptions()">&times;</button>
</div>
<div class="modal-body">
<div class="form-row">
<label>Session Name</label>
<input type="text" id="sessionNameInput" placeholder="Enter session name...">
<div class="form-row-inline">
<input type="text" id="sessionNameInput" placeholder="Session name...">
<button class="btn-toolbar" onclick="app.closeSessionOptions()">Cancel</button>
<button class="btn-toolbar btn-primary" onclick="app.saveSessionOptions()">Save</button>
</div>
<!-- Respawn Settings Section -->
@@ -286,10 +287,6 @@
</div>
</div>
</div>
<div class="form-actions">
<button class="btn-toolbar" onclick="app.closeSessionOptions()">Cancel</button>
<button class="btn-toolbar btn-primary" onclick="app.saveSessionOptions()">Save Name</button>
</div>
</div>
</div>
src/web/public/styles.css
+6 -1
View File
@@ -1026,8 +1026,13 @@ body {
.form-row-inline {
display: flex;
gap: 1rem;
gap: 0.5rem;
margin-bottom: 0.75rem;
align-items: center;
}
.form-row-inline input[type="text"] {
flex: 1;
}
.form-col {