From 0547ecf014aa0908e0d8f3ea838d77ac0921c300 Mon Sep 17 00:00:00 2001
From: Amaru8 <52407090+Amaru8@users.noreply.github.com>
Date: Thu, 21 Apr 2022 22:22:00 +0200
Subject: [PATCH] Align rectangels

---
 src/renderer/style.css                |  3 +++
 src/renderer/style.less               |  4 ++++
 src/renderer/views/pages/settings.ejs | 10 +++++-----
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/renderer/style.css b/src/renderer/style.css
index fbfe6743..3b988439 100644
--- a/src/renderer/style.css
+++ b/src/renderer/style.css
@@ -12833,6 +12833,9 @@ body.no-gpu .lyric-line:hover::after {
   border-radius: 5px;
   border-color: #CBCBCB;
 }
+.keybinding-text {
+  width: 110px;
+}
 .qrimg {
   width: -webkit-fill-available;
   max-block-size: -webkit-fill-available;
diff --git a/src/renderer/style.less b/src/renderer/style.less
index ff98f58a..b5b01bd8 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -3131,6 +3131,10 @@ body.no-gpu {
   border-color: #CBCBCB;
 }
 
+.keybinding-text {
+  width: 110px;
+}
+
 .qrimg {
   width: -webkit-fill-available;
   max-block-size: -webkit-fill-available;
diff --git a/src/renderer/views/pages/settings.ejs b/src/renderer/views/pages/settings.ejs
index 75fb9ee2..98772e1e 100644
--- a/src/renderer/views/pages/settings.ejs
+++ b/src/renderer/views/pages/settings.ejs
@@ -139,7 +139,7 @@
                                             Web Remote
                                         </div>
                                         <div class="md-option-segment md-option-segment_auto keybindings-border">
-                                            <p>CTRL + Shift + W</p>
+                                            <p class="keybinding-text">CTRL + Shift + W</p>
                                         </div>
                                     </div>
                                     <div class="md-option-line">
@@ -147,7 +147,7 @@
                                             Audio Settings
                                         </div>
                                         <div class="md-option-segment md-option-segment_auto keybindings-border">
-                                            <p>CTRL + Shift + A</p>
+                                            <p class="keybinding-text">CTRL + Shift + A</p>
                                         </div>
                                     </div>
                                     <div class="md-option-line">
@@ -155,7 +155,7 @@
                                             Plugin Menu
                                         </div>
                                         <div class="md-option-segment md-option-segment_auto keybindings-border">
-                                            <p>CTRL + Shift + P</p>
+                                            <p class="keybinding-text">CTRL + Shift + P</p>
                                         </div>
                                     </div>
                                     <div class="md-option-line">
@@ -163,7 +163,7 @@
                                             Cast to Devices
                                         </div>
                                         <div class="md-option-segment md-option-segment_auto keybindings-border">
-                                            <p>CTRL + Shift + C</p>
+                                            <p class="keybinding-text">CTRL + Shift + C</p>
                                         </div>
                                     </div>
                                     <div class="md-option-line">
@@ -171,7 +171,7 @@
                                             Open Developer Tools
                                         </div>
                                         <div class="md-option-segment md-option-segment_auto keybindings-border">
-                                            <p>CTRL + Shift + I</p>
+                                            <p class="keybinding-text">CTRL + Shift + I</p>
                                         </div>
                                     </div>
                                 </div>