Fix some alignment and spacing issues.

immense · Feb 20, 2024 · c7ef28b · c7ef28b
1 parent 4508bbc
commit c7ef28b
Show file tree

Hide file tree

Showing 13 changed files with 21 additions and 20 deletions.
diff --git a/Server/Components/AlertsFrame.razor b/Server/Components/AlertsFrame.razor
@@ -11,7 +11,7 @@
 </button>
 
 <div id="alertsFrame" class="bg-secondary @FrameClass">
-    <div class="text-right">
+    <div class="text-end">
         <button id="clearAllAlertsButton" class="btn btn-secondary mt-2 me-2 align-top" @onclick="ClearAllAlerts">
             Clear All
         </button>
@@ -39,7 +39,7 @@
                         </div>
                     }
 
-                    <div class="text-right">
+                    <div class="text-end">
                         <button alert="@alert.ID"
                                 class="btn btn-sm btn-secondary alert-dismiss-button"
                                 type="button"

diff --git a/Server/Components/Devices/ChatCard.razor b/Server/Components/Devices/ChatCard.razor
@@ -10,7 +10,7 @@
             </span>
             @Session.DeviceName
         </h6>
-        <div class="text-right">
+        <div class="text-end">
             <button class="btn btn-sm btn-secondary" title="Close" @onclick="CloseChatCard" @onclick:stopPropagation>
                 <i class="oi oi-x pointer"></i>
             </button>
@@ -34,7 +34,7 @@
             }
             else if (item.Origin == ChatHistoryItemOrigin.Self)
             {
-                <div @key="item" class="text-right mt-1">
+                <div @key="item" class="text-end mt-1">
                     <div class="chat-bubble d-inline-block bg-dark text-white">
                         <div class="small">
                             You

diff --git a/Server/Components/Devices/DeviceCard.razor b/Server/Components/Devices/DeviceCard.razor
@@ -36,7 +36,7 @@
             </div>
 
         </div>
-        <div class="text-right">
+        <div class="text-end">
             @if (IsExpanded)
             {
                 <button class="btn btn-sm me-2" title="Open in New Tab"
@@ -262,7 +262,7 @@
                             <ValidationSummary />
                         </div>
 
-                        <div class="text-right mt-2">
+                        <div class="text-end mt-2">
                             <button type="submit" class="btn btn-primary">Save</button>
                         </div>
                     </EditForm>

diff --git a/Server/Components/Devices/DeviceCard.razor.css b/Server/Components/Devices/DeviceCard.razor.css
@@ -48,6 +48,7 @@
             display: grid;
             grid-template-columns: 1fr 1fr;
             grid-column-gap: 2rem;
+            grid-row-gap: .25rem;
             transition: .25s ease all;
         }
 

diff --git a/Server/Components/Devices/DevicesFrame.razor b/Server/Components/Devices/DevicesFrame.razor
@@ -39,8 +39,8 @@
             </div>
 
             <div class="custom-control custom-checkbox mt-2">
-                <input id="hideOfflineDevicesCheckbox" type="checkbox" class="custom-control-input" @bind="_hideOfflineDevices" />
-                <label class="custom-control-label" for="hideOfflineDevicesCheckbox">Hide offline devices</label>
+                <input id="hideOfflineDevicesCheckbox" type="checkbox" class="custom-control-input align-middle" @bind="_hideOfflineDevices" />
+                <label class="custom-control-label align-middle" for="hideOfflineDevicesCheckbox">Hide offline devices</label>
             </div>
             <div class="mt-2">
                 <button class="btn btn-sm btn-secondary me-2" @onclick="SelectAllCards">Select All</button>
@@ -49,7 +49,7 @@
         </div>
 
         <div>
-            <div class="d-inline-block text-left">
+            <div class="d-inline-block text-start">
                 <div>
                     <div>Search</div>
                     <input class="form-control d-inline"

diff --git a/Server/Components/Devices/Terminal.razor b/Server/Components/Devices/Terminal.razor
@@ -8,7 +8,7 @@
                 <span class="ms-2">Terminal</span>
             </button>
         </div>
-        <div class="text-right">
+        <div class="text-end">
             <button class="btn btn-secondary terminal-button me-4" @onclick="ShowQuickScripts">
                 <i class="oi oi-script"></i>
                 <span class="ms-2">Quick Scripts</span>

diff --git a/Server/Components/Layout/NavMenu.razor b/Server/Components/Layout/NavMenu.razor
@@ -5,7 +5,7 @@
 @inject IDataService DataService
 
 <div class="ps-4 pb-1 pe-0 pt-0 navbar navbar-dark" style="background-color: rgba(0,0,0,0.3)">
-    <a class="navbar-brand text-left" href="">
+    <a class="navbar-brand text-start" href="">
         <div class="logo-title">
             @if (!string.IsNullOrWhiteSpace(_organization?.OrganizationName))
             {

diff --git a/Server/Components/ModalContents/QuickScriptsSelector.razor b/Server/Components/ModalContents/QuickScriptsSelector.razor
@@ -5,7 +5,7 @@
     }
 </select>
 
-<div class="text-right">
+<div class="text-end">
     <button class="btn btn-primary" @onclick="RunScriptClicked">Run</button>
 </div>
 

diff --git a/Server/Components/Pages/Branding.razor b/Server/Components/Pages/Branding.razor
@@ -39,7 +39,7 @@
                 <label class="text-info font-weight-bold">New Icon</label>
                 <InputFile type="file" accept="image/png" class="form-control" OnChange="IconUploadInputChanged" />
             </div>
-            <div class="form-group text-right">
+            <div class="form-group text-end">
                 <button class="btn btn-secondary me-3" type="button" @onclick="ResetBranding">Reset</button>
                 <button class="btn btn-primary" type="submit">Submit</button>
             </div>

diff --git a/Server/Components/Pages/DeviceDetails.razor b/Server/Components/Pages/DeviceDetails.razor
@@ -194,7 +194,7 @@ else
                                 <ValidationMessage For="() => _device.Notes" />
                             </div>
                         </div>
-                        <div class="text-right">
+                        <div class="text-end">
                             <button type="submit" class="btn btn-primary">Save</button>
                         </div>
                     </EditForm>

diff --git a/Server/Components/Pages/GetSupport.razor b/Server/Components/Pages/GetSupport.razor
@@ -50,7 +50,7 @@ else
                 </label>
                 <ValidationMessage For="() => Input.ChatResponseOk" />
             </div>
-            <div class="text-right">
+            <div class="text-end">
                 <button type="submit" class="btn btn-primary">Submit</button>
             </div>
         </EditForm>

diff --git a/Server/Components/Pages/ManageOrganization.razor b/Server/Components/Pages/ManageOrganization.razor
@@ -69,7 +69,7 @@ else if (User is not null)
                     }
                 </select>
 
-                <div class="text-right mb-3">
+                <div class="text-end mb-3">
                     <button type="button" class="btn btn-danger" @onclick="DeleteSelectedDeviceGroup">Delete</button>
                 </div>
 

diff --git a/Server/Components/Pages/ServerConfig.razor b/Server/Components/Pages/ServerConfig.razor
@@ -101,7 +101,7 @@
                     }
                 </select>
 
-                <div class="text-right mb-2 mt-1">
+                <div class="text-end mb-2 mt-1">
                     <button type="button" class="btn btn-secondary" @onclick="RemoveBannedDevice">Remove</button>
                 </div>
                 <div class="input-group">
@@ -170,7 +170,7 @@
                         <option @key="proxy" value="@proxy">@proxy</option>
                     }
                 </select>
-                <div class="text-right mb-2 mt-1">
+                <div class="text-end mb-2 mt-1">
                     <button type="button" class="btn btn-secondary" @onclick="RemoveKnownProxy">Remove</button>
                 </div>
                 <div class="input-group">
@@ -300,7 +300,7 @@
                 <br />
                 <ValidationMessage For="() => Input.SmtpPassword" />
             </div>
-            <div class="form-group text-right">
+            <div class="form-group text-end">
                 <button id="sendTestEmailButton" type="button" class="btn btn-secondary" @onclick="SaveAndTestSmtpSettings">Test</button>
             </div>
             <div class="form-group">
@@ -326,7 +326,7 @@
                     }
                 </select>
 
-                <div class="text-right mb-2 mt-1">
+                <div class="text-end mb-2 mt-1">
                     <button type="button" class="btn btn-secondary" @onclick="RemoveTrustedCorsOrigin">Remove</button>
                 </div>
                 <div class="input-group">