update styling of modify button in app settings

adsabs · Jan 30, 2024 · c82a3c1 · c82a3c1
1 parent e05b5f2
commit c82a3c1
Showing 1 changed file with 9 additions and 10 deletions.
diff --git a/src/js/widgets/preferences/templates/application.html b/src/js/widgets/preferences/templates/application.html
@@ -97,23 +97,22 @@
 
         <!-- 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">
                 <i class="fa fa-question-circle" aria-hidden="true"></i>
               </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">