Update formatting on branding page.

immense · May 11, 2021 · 38bd21b · 38bd21b
1 parent f315a48
commit 38bd21b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git 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
@@ -32,35 +32,35 @@ 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>
 
                 @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">