gru/pyTorrent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ux fix

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-05-08 18:13:32 +02:00
parent cd6c4fad85
commit 76412284bb
3 changed files with 99 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
pytorrent/static/styles.css
View File

@@ -677,18 +677,32 @@ body {
font-weight: 700;
text-transform: uppercase;
}
/* Note: Browser title speed preference uses a two-column switch layout, so text aligns with the switch. */
.browser-speed-pref {
display: grid;
gap: 0.25rem;
align-content: center;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
column-gap: 0.75rem;
row-gap: 0.2rem;
min-height: 58px;
margin: 0;
padding: 0.55rem 0.75rem 0.55rem 2.6rem;
padding: 0.55rem 0.75rem;
border: 1px solid var(--bs-border-color);
border-radius: 0.65rem;
background: rgba(var(--bs-secondary-bg-rgb), 0.35);
}
.browser-speed-pref .form-check-input {
grid-row: 1 / span 2;
grid-column: 1;
float: none;
margin: 0;
}
.browser-speed-pref .form-check-label {
grid-column: 2;
line-height: 1.2;
}
.browser-speed-pref small {
grid-column: 2;
color: var(--bs-secondary-color);
line-height: 1.2;
}
@@ -1359,6 +1373,35 @@ body.mobile-mode .mobile-card {
white-space: normal;
word-break: break-word;
}
/* Note: Smart Queue nerd stats are scoped to Automations to avoid reusing or overriding generic cards. */
.automation-smart-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 0.5rem;
margin: 0.5rem 0 0.75rem;
}
.automation-smart-stat {
min-width: 0;
padding: 0.5rem 0.6rem;
border: 1px solid var(--bs-border-color);
border-radius: 0.6rem;
background: rgba(var(--bs-secondary-bg-rgb), 0.28);
}
.automation-smart-stat span,
.automation-smart-stat small {
display: block;
color: var(--bs-secondary-color);
font-size: 0.72rem;
line-height: 1.2;
}
.automation-smart-stat b {
display: block;
overflow: hidden;
font-size: 1rem;
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap;
}
.automation-history-toolbar {
display: flex;
justify-content: flex-end;
@@ -2087,16 +2130,20 @@ body.mobile-mode .mobile-filter-bar {
background: rgba(var(--bs-secondary-bg-rgb), 0.28);
}
/* Note: Smart Queue switch resets Bootstrap's negative switch offset so it cannot overflow narrow frames. */
.smart-toggle-row .form-check {
display: flex;
align-items: center;
justify-content: flex-end;
flex: 0 0 auto;
min-height: 0;
margin: 0;
padding-left: 2.25rem;
padding-left: 0;
}
.smart-toggle-row .form-check-input {
margin-top: 0;
margin-left: 0;
}
.smart-setting-row .form-check-label,
@@ -2171,7 +2218,7 @@ body.mobile-mode .mobile-filter-bar {
}
.smart-toggle-row .form-check {
padding-left: 0;
justify-content: flex-start;
}
}