xTr1m/GameList
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Place name controls on their own line in status bar

Browse Source
This commit is contained in:
Frank Tovar
2026-01-28 16:44:40 +01:00
parent 653c8f9cad
commit 168b5de08b
2 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
wwwroot/index.html
View File

@@ -11,7 +11,7 @@
<span class="status-dot"></span> <span class="status-dot"></span>
<span id="phase-pill">Loading…</span> <span id="phase-pill">Loading…</span>
<span class="counts" id="counts">—</span> <span class="counts" id="counts">—</span>
<div class="inline-name"> <div class="name-inline">
<label for="name-input" class="label">Name</label> <label for="name-input" class="label">Name</label>
<input id="name-input" maxlength="64" placeholder="Pick a name" /> <input id="name-input" maxlength="64" placeholder="Pick a name" />
<button id="save-name" class="ghost">Save</button> <button id="save-name" class="ghost">Save</button>
@@ -89,4 +89,3 @@
<script src="app.js"></script> <script src="app.js"></script>
</body> </body>
</html> </html>

8
wwwroot/styles.css
View File

@@ -18,7 +18,6 @@ body {
border: 1px solid #1f2937; border: 1px solid #1f2937;
border-radius: 10px; border-radius: 10px;
box-shadow: 0 10px 24px rgba(0,0,0,0.25); box-shadow: 0 10px 24px rgba(0,0,0,0.25);
max-width: 540px;
} }
.status-dot { .status-dot {
@@ -34,16 +33,15 @@ body {
font-size: 13px; font-size: 13px;
} }
.inline-name { .name-inline {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
margin-left: auto;
} }
.inline-name input { .name-inline input {
width: 160px; width: 160px;
} }
.inline-name .hint { .name-inline .hint {
margin: 0; margin: 0;
} }