Shrink UI controls and iconize language/edit/delete

This commit is contained in:
2026-02-04 15:25:04 +01:00
parent b91d8a42d3
commit 534fc41d33
4 changed files with 94 additions and 21 deletions

View File

@@ -48,11 +48,39 @@ html {
.lang-field {
margin-top: 8px;
}
.lang-field select {
min-width: 160px;
.lang-switch {
position: relative;
}
.compact-select {
min-width: 120px;
.lang-button {
border: 1px solid #d5c7b5;
background: #fffaf3;
border-radius: 10px;
padding: 6px 10px;
font-size: 16px;
cursor: pointer;
min-width: 44px;
}
.lang-menu {
position: absolute;
right: 0;
top: calc(100% + 6px);
background: #fffaf3;
border: 1px solid #e3d4bd;
border-radius: 10px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
padding: 6px;
display: flex;
flex-direction: column;
gap: 4px;
z-index: 50;
}
.lang-menu button {
border: 1px solid #d5c7b5;
background: #ffffff;
border-radius: 8px;
padding: 6px 10px;
text-align: left;
cursor: pointer;
}
.status-bar {