From b22e17f63a2101367775cad8e68828aa3a649646 Mon Sep 17 00:00:00 2001
From: nyanmisaka <nst799610810@gmail.com>
Date: Thu, 26 Nov 2020 17:19:35 +0800
Subject: [PATCH] fix the inconsistent button size in dashboard

---
 src/assets/css/librarybrowser.css             |  2 +-
 .../dashboard/devices/devices.html            |  2 +-
 src/controllers/user/quickConnect/index.html  | 30 ++++++++++---------
 3 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/assets/css/librarybrowser.css b/src/assets/css/librarybrowser.css
index c9ee82c8a0..58356366be 100644
--- a/src/assets/css/librarybrowser.css
+++ b/src/assets/css/librarybrowser.css
@@ -1057,7 +1057,7 @@ div.itemDetailGalleryLink.defaultCardBackground {
 .sectionTitleButton,
 .sectionTitleIconButton {
     margin-right: 0 !important;
-    display: inline-block;
+    display: inline-flex;
     vertical-align: middle;
 }
 
diff --git a/src/controllers/dashboard/devices/devices.html b/src/controllers/dashboard/devices/devices.html
index e2504cd3e7..2133304899 100644
--- a/src/controllers/dashboard/devices/devices.html
+++ b/src/controllers/dashboard/devices/devices.html
@@ -5,7 +5,7 @@
                 <div class="sectionTitleContainer sectionTitleContainer-cards flex align-items-center">
                     <h2 class="sectionTitle sectionTitle-cards">${HeaderDevices}</h2>
                     <a is="emby-linkbutton" rel="noopener noreferrer" class="raised button-alt headerHelpButton" target="_blank" href="https://docs.jellyfin.org/general/server/devices.html">${Help}</a>
-                    <button id="deviceDeleteAll" is="emby-button" type="button" class="raised button-alt">${DeleteAll}</button>
+                    <button id="deviceDeleteAll" is="emby-button" type="button" class="raised button-alt headerHelpButton">${DeleteAll}</button>
                 </div>
             </div>
             <div is="emby-itemscontainer" class="devicesList vertical-wrap" data-multiselect="false"></div>
diff --git a/src/controllers/user/quickConnect/index.html b/src/controllers/user/quickConnect/index.html
index 15df59ff17..f64b3d6850 100644
--- a/src/controllers/user/quickConnect/index.html
+++ b/src/controllers/user/quickConnect/index.html
@@ -1,17 +1,19 @@
 <div id="quickConnectPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${QuickConnect}" data-backbutton="true" style="margin: 0 auto; max-width: 54em">
-    <button is="emby-button" id="btnQuickConnectActivate" type="button" class="raised button-submit block">
-        <span>${ButtonActivate}</span>
-    </button>
-
-    <form class="quickConnectSettingsContainer">
-        <div style="margin-bottom: 1em">
-            ${QuickConnectDescription}
-        </div>
-        <div class="inputContainer">
-            <input is="emby-input" type="number" min="0" max="999999" required id="txtQuickConnectCode" label="${LabelQuickConnectCode}" autocomplete="off" />
-        </div>
-        <button id="btnQuickConnectAuthorize" is="emby-button" type="submit" class="raised button-submit block">
-            <span>${Authorize}</span>
+    <div class="settingsContainer padded-left padded-right padded-bottom-page">
+        <button is="emby-button" id="btnQuickConnectActivate" type="button" class="raised button-submit block">
+            <span>${ButtonActivate}</span>
         </button>
-    </form>
+
+        <form class="quickConnectSettingsContainer">
+            <div style="margin-bottom: 1em">
+                ${QuickConnectDescription}
+            </div>
+            <div class="inputContainer">
+                <input is="emby-input" type="number" min="0" max="999999" required id="txtQuickConnectCode" label="${LabelQuickConnectCode}" autocomplete="off" />
+            </div>
+            <button id="btnQuickConnectAuthorize" is="emby-button" type="submit" class="raised button-submit block">
+                <span>${Authorize}</span>
+            </button>
+        </form>
+    </div>
 </div>