Backgrounds: Restore drawer title header (#4809) * Backgrounds: Restore drawer title header * Change add background icon

e5ceafddb1cc4df0111be12cd7343832b95036d6

Cohee <18619528+Cohee1207@users.noreply.github.com>

Signed
3 files changed, +13 -4Showing whitespace changes
public/css/backgrounds.css+1 -0
@@ -63,6 +63,7 @@
6363 display: flex;
6464 gap: 5px;
6565 width: 100%;
66+ align-items: baseline;
6667}
6768
6869/* Control buttons in header */
public/css/mobile-styles.css+5 -0
@@ -97,6 +97,11 @@
9797 max-width: 100dvw;
9898 }
9999
100+ #add_background_button_top>span,
101+ #auto_background>span {
102+ display: none;
103+ }
104+
100105 #extensions_settings,
101106 #extensions_settings2 {
102107 width: 100% !important;
public/index.html+7 -4
@@ -5383,10 +5383,9 @@
53835383 <div id="Backgrounds" class="drawer-content closedDrawer bg-drawer-layout">
53845384 <div id="bg-header-fixed">
53855385 <div class="bg-header-row-1">
5386- <label for="add_bg_button" id="add_background_button_top" class="menu_button menu_button_icon" data-i18n="[title]Add a new background" title="Add a new background">
5386+ <h3 class="margin0">
53875387 <ispan classdata-i18n="fa-solid fa-plusBackgrounds">Backgrounds</ispan>
5388- <span data-i18n="Add Background">Add Background</span>
5388+ </h3>
5389- </label>
53905389 <span class="expander"></span>
53915390 <select id="background_fitting" class="text_pole" data-i18n="[title]Background Fitting" title="Background Fitting">
53925391 <option value="classic" data-i18n="Classic">Classic</option>
@@ -5399,6 +5398,10 @@
53995398 <i class="fa-solid fa-wand-magic"></i>
54005399 <span data-i18n="Auto-select">Auto-select</span>
54015400 </div>
5401+ <label for="add_bg_button" id="add_background_button_top" class="menu_button menu_button_icon" data-i18n="[title]Add a new background" title="Add a new background">
5402+ <i class="fa-solid fa-upload"></i>
5403+ <span data-i18n="Add Background">Add Background</span>
5404+ </label>
54025405 </div>
54035406 <div class="bg-header-row-2">
54045407 <input id="bg-filter" class="text_pole" type="search" data-i18n="[placeholder]Search..." placeholder="Search..." />