From c82a3c1c66fc516fe9a2abbb2dd4553b33fa8235 Mon Sep 17 00:00:00 2001
From: Tim Hostetler <6970899+thostetler@users.noreply.github.com>
Date: Tue, 30 Jan 2024 15:09:33 -0500
Subject: [PATCH] update styling of modify button in app settings

---
 .../preferences/templates/application.html    | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/js/widgets/preferences/templates/application.html b/src/js/widgets/preferences/templates/application.html
index faae9a970..5c1e3a780 100644
--- a/src/js/widgets/preferences/templates/application.html
+++ b/src/js/widgets/preferences/templates/application.html
@@ -97,8 +97,8 @@
 
         <!-- Default Collection -->
         <div class="form-group">
-          <div style="display:flex;">
-            <label id="defaultDatabaseLabel">
+          <div style="display:flex; align-items: center;">
+            <label id="defaultDatabaseLabel" style="margin: 0;">
               Default Collection(s)
               <button href="#collapseDatabase" data-toggle="collapse" class="btn-link" aria-expanded="false"
                       aria-controls="collapseDatabase" aria-label="default collection">
@@ -106,14 +106,13 @@
               </button>
             </label>
             <div style="width: 40px"></div>
-            <div>
-              {{#if (not (includes 'database' this.modifySections))}}
-                <button class="btn btn-info btn-xs section-modify" type="button" data-section="database">Modify</button>
-              {{/if}}
-              {{#if (includes 'database' this.modifySections)}}
-                <button class="btn btn-link btn-xs section-reset" type="button" data-section="database">Reset</button>
-              {{/if}}
-            </div>
+            {{#if (not (includes 'database' this.modifySections))}}
+              <button class="btn btn-primary btn-xs section-modify" type="button" data-section="database">Modify
+              </button>
+            {{/if}}
+            {{#if (includes 'database' this.modifySections)}}
+              <button class="btn btn-link btn-xs section-reset" type="button" data-section="database">Reset</button>
+            {{/if}}
           </div>
           <p>
           <div class="collapse" id="collapseDatabase">