fix(spinner-button): add margin around the spinner; center

cal-itp · Oct 13, 2022 · 3469e9b · 3469e9b
1 parent 7476a80
commit 3469e9b
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/benefits/core/templates/core/includes/form.html b/benefits/core/templates/core/includes/form.html
@@ -36,17 +36,17 @@
         {% endif %}
         <div class="col-lg-3 offset-2 offset-sm-2 offset-lg-0 col-sm-8 col-8">
           {% if recaptcha.enabled %}
-            <button class="btn btn-lg btn-primary spinner-hidden g-recaptcha"
+            <button class="btn btn-lg btn-primary spinner-hidden d-flex justify-content-center align-items-center g-recaptcha"
                     data-sitekey="{{ recaptcha.site_key }}"
                     data-callback="onSubmit"
                     data-action="submit">
               <span class="btn-text">{{ form.submit_value }}</span>
-              <span class="spinner-border spinner-border-sm" role="status"></span>
+              <span class="spinner-border spinner-border-sm m-1" role="status"></span>
             </button>
           {% else %}
-            <button class="btn btn-lg btn-primary spinner-hidden" data-action="submit">
+            <button class="btn btn-lg btn-primary spinner-hidden d-flex justify-content-center align-items-center" data-action="submit">
               <span class="btn-text">{{ form.submit_value }}</span>
-              <span class="spinner-border spinner-border-sm" role="status"></span>
+              <span class="spinner-border spinner-border-sm m-1" role="status"></span>
             </button>
           {% endif %}
         </div>