adjust settings page flow

This commit is contained in:
Broque Thomas 2025-11-09 15:07:04 -08:00
parent 576f151c5c
commit 62ad5a9cd9
2 changed files with 8 additions and 3 deletions

View file

@ -1541,6 +1541,7 @@
<div class="page" id="settings-page">
<div class="page-header">
<h2>Settings</h2>
<button class="save-button" onclick="document.getElementById('save-settings').click()">💾 Save Settings</button>
</div>
<div class="settings-content">
<!-- Two Column Layout -->
@ -1883,7 +1884,10 @@
Set MIN to 0 to accept all file sizes (recommended for most users).
</div>
</div>
</div>
<!-- Third Column - Database, Metadata, Playlist Sync, Logging -->
<div class="settings-third-column">
<!-- Database Settings -->
<div class="settings-group">
<h3>Database Settings</h3>

View file

@ -1001,9 +1001,9 @@ body {
font-weight: 500;
}
/* Settings Page Styling - Two Column Layout */
/* Settings Page Styling - Three Column Layout */
.settings-content {
max-width: 100%;
width: 100%;
display: flex;
flex-direction: column;
}
@ -1014,8 +1014,9 @@ body {
margin-bottom: 32px;
}
.settings-left-column, .settings-right-column {
.settings-left-column, .settings-right-column, .settings-third-column {
flex: 1;
min-width: 380px;
display: flex;
flex-direction: column;
gap: 18px;