cclohmar/zoraxy-dhcp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: improve pin form CSS visibility, use inline-flex for layout

Browse source
This commit is contained in:
Claus Lohmar 2026-07-29 09:29:06 +00:00
parent 1b645ea821
commit 7793c9edde
2 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/app.js
View file

@ -168,7 +168,7 @@ document.getElementById('leases-body').addEventListener('click', function (e) {
// Show inline form, hide the Pin button // Show inline form, hide the Pin button
var row = btn.closest('td'); var row = btn.closest('td');
row.querySelector('.pin-btn').style.display = 'none'; row.querySelector('.pin-btn').style.display = 'none';
row.querySelector('.pin-form').style.display = 'inline'; row.querySelector('.pin-form').style.display = 'inline-flex';
row.querySelector('.pin-hostname').focus(); row.querySelector('.pin-hostname').focus();
} }
}); });

18
web/style.css
View file

@ -83,12 +83,26 @@ h1 {
cursor: not-allowed; cursor: not-allowed;
} }
.pin-form {
display: inline-flex;
align-items: center;
gap: 4px;
}
.pin-form input[type="text"] { .pin-form input[type="text"] {
padding: 4px 8px; padding: 4px 8px;
border: 1px solid #dcdde1; border: 1px solid #0984e3;
border-radius: 3px; border-radius: 3px;
font-size: 13px; font-size: 13px;
vertical-align: middle; width: 130px;
outline: none;
}
.pin-form input[type="text"]:focus {
border-color: #0773c5;
box-shadow: 0 0 0 2px rgba(9,132,227,0.2);
}
.pin-form .btn {
padding: 3px 8px;
font-size: 12px;
} }
table { table {