Scarriffle/Calendarr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tidy settings layout (web)

Browse Source 
- constrain settings panels to a 680px reading column so fields no longer
  stretch edge-to-edge on wide screens (main "looks bad" cause)
- fix the app-password "Erstellen" button rendering centred below the input:
  .app-pw-create inherited flex-direction:column from .form-group; force row so
  it sits inline to the right of the field

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-07-13 04:31:12 +02:00
parent 6baa07379f
commit 19258096e2
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/css/app.css
View File

@@ -1304,7 +1304,9 @@ a { color: var(--primary); text-decoration: none; }
flex: 1; overflow-y: auto; padding: 24px 28px; flex: 1; overflow-y: auto; padding: 24px 28px;
} }
.settings-panel { display: none; } .settings-panel { display: none; }
.settings-panel.active { display: block; } /* Constrain content to a comfortable reading column so fields don't stretch
edge-to-edge on wide screens. */
.settings-panel.active { display: block; max-width: 680px; }
/* Panel typography */ /* Panel typography */
.panel-title { .panel-title {
@@ -1498,7 +1500,9 @@ a { color: var(--primary); text-decoration: none; }
background: var(--surface-2); color: var(--text-1); background: var(--surface-2); color: var(--text-1);
} }
.ct-dav-hint { font-size: 11px; color: var(--text-3); margin-top: 6px; max-width: 640px; } .ct-dav-hint { font-size: 11px; color: var(--text-3); margin-top: 6px; max-width: 640px; }
.app-pw-create { display: flex; gap: 8px; align-items: center; } /* Row (not the column inherited from .form-group) so the "Erstellen" button
sits inline to the right of the name field instead of centred below it. */
.app-pw-create { display: flex; flex-direction: row; gap: 8px; align-items: center; }
.app-pw-create input { flex: 1; } .app-pw-create input { flex: 1; }
/* Consistent placement for a section's action button: right-aligned, matching /* Consistent placement for a section's action button: right-aligned, matching