style: updated indicator items to double-line layout

This commit is contained in:
DiTus
2026-03-20 09:30:59 +01:00
parent 5624e3a8b7
commit de00d603fc
2 changed files with 28 additions and 12 deletions

View File

@ -161,16 +161,23 @@
.indicator-item-main {
display: flex;
align-items: center;
gap: 6px;
padding: 8px 10px;
gap: 8px;
padding: 10px 12px;
cursor: pointer;
}
.indicator-name {
.indicator-info {
flex: 1;
font-size: 12px;
display: flex;
flex-direction: column;
min-width: 0; /* Important for ellipsis */
gap: 2px;
}
.indicator-name {
font-size: 13px;
color: var(--tv-text);
font-weight: 500;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@ -179,13 +186,16 @@
.indicator-desc {
font-size: 11px;
color: var(--tv-text-secondary);
margin-left: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.indicator-actions {
display: flex;
gap: 4px;
margin-left: auto;
margin-left: 8px;
flex-shrink: 0;
}
.indicator-btn {