From 40c49e4efbf874b2644bb1ef703e6ec6ab6e48dd Mon Sep 17 00:00:00 2001
From: Jared Goodwin <translucency@outlook.com>
Date: Tue, 11 May 2021 06:57:33 -0700
Subject: [PATCH] Update formatting on branding page.

---
 Server/Components/ColorPicker.razor |  2 +-
 Server/Pages/Branding.razor         | 22 +++++++++++-----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/Server/Components/ColorPicker.razor b/Server/Components/ColorPicker.razor
index 1c3e15f9..40c3615e 100644
--- a/Server/Components/ColorPicker.razor
+++ b/Server/Components/ColorPicker.razor
@@ -2,7 +2,7 @@
  
 <div>
     <div>Color Sample:</div>
-    <div class="color-sample mb-4" style="background-color:@($"rgb({Red},{Green},{Blue})")"></div>
+    <div class="color-sample mb-2" style="background-color:@($"rgb({Red},{Green},{Blue})")"></div>
 
     <div>Red</div>
     <input type="range" min="0" max="255" class="form-control red-picker" @bind="Red" />
diff --git a/Server/Pages/Branding.razor b/Server/Pages/Branding.razor
index 0387247d..688392db 100644
--- a/Server/Pages/Branding.razor
+++ b/Server/Pages/Branding.razor
@@ -32,8 +32,8 @@ else
             <EditForm OnValidSubmit="HandleValidSubmit" Model="_inputModel">
                 <DataAnnotationsValidator />
 
-                <div class="form-group mb-4">
-                    <label class="font-weight-bold">Product Name</label>
+                <div class="form-group mb-5">
+                    <label class="text-info font-weight-bold">Product Name</label>
                     <InputText class="form-control" @bind-Value="_inputModel.ProductName" />
                     <ValidationMessage For="() => _inputModel.ProductName" />
                 </div>
@@ -41,26 +41,26 @@ else
                 @if (!string.IsNullOrWhiteSpace(_base64Icon))
                 {
                     <div class="form-group mb-4">
-                        <label class="font-weight-bold">Current Icon</label>
+                        <label class="text-info font-weight-bold">Current Icon</label>
                         <br />
                         <img class="img-fluid" src="data:image/png;base64,@_base64Icon" />
                     </div>
                 }
 
-                <div class="form-group mb-4">
-                    <label class="font-weight-bold"></label>
+                <div class="form-group mb-5">
+                    <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 mb-4">
-                    <label class="font-weight-bold">Title Foreground</label>
+                <div class="form-group mb-5">
+                    <label class="text-info font-weight-bold">Title Foreground</label>
                     <ColorPicker @bind-Color="_inputModel.TitleForegroundColor" />
                 </div>
-                <div class="form-group mb-4">
-                    <label class="font-weight-bold">Title Background</label>
+                <div class="form-group mb-5">
+                    <label class="text-info font-weight-bold">Title Background</label>
                     <ColorPicker @bind-Color="_inputModel.TitleBackgroundColor" />
                 </div>
-                <div class="form-group mb-2">
-                    <label class="font-weight-bold">Button Color</label>
+                <div class="form-group mb-5">
+                    <label class="text-info font-weight-bold">Button Color</label>
                     <ColorPicker @bind-Color="_inputModel.TitleButtonColor" />
                 </div>
                 <div class="form-group text-right">