Added some color/hint to regen button

languages/en.yaml

@@ -684,6 +684,7 @@ PLUGIN_ADMIN:
   ENABLE_AUTO_METADATA_HELP: "Automatically generate metadata files for images with exif information"
   2FA_TITLE: "2-Factor Authentication"
   2FA_INSTRUCTIONS: "##### 2-Factor Authentication\nYou have **2FA** enabled on this account. Please use your **2FA** app to enter the current **6-digit code** to complete the login process."
+  2FA_REGEN_HINT: "regenerating the secret this will require you to update your authenticator app"
   2FA_LABEL: "Admin Access"
   2FA_FAILED: "Invalid 2-Factor Authentication code, please try again..."
   2FA_ENABLED: "2FA Enabled"

themes/grav/scss/preset.scss

@@ -487,10 +487,8 @@ tr {
     }
 
     .danger {
-        &.button-bar {
-            .button {
-                @include button-color($critical-bg);
-            }
+        .button {
+            @include button-color($critical-bg);
         }
     }
 

themes/grav/templates/forms/fields/2fa_secret/2fa_secret.html.twig

@@ -13,8 +13,9 @@
             <div>
                 <span>{{ 'PLUGIN_ADMIN.2FA_SECRET'|tu }}: </span><span class="twofa-secret-code" data-2fa-secret>{{ data.secret }}</span>
             </div>
-            <button class="button button-small" data-2fa-regenerate><i class="fa fa-fw fa-refresh"></i> {{ 'PLUGIN_ADMIN.2FA_REGENERATE'|t }}</button>
-
+            <div class="danger">
+                <button data-hint="{{ 'PLUGIN_ADMIN.2FA_REGEN_HINT'|tu }}" class="button button-small hint--bottom" data-2fa-regenerate><i class="fa fa-fw fa-refresh"></i> {{ 'PLUGIN_ADMIN.2FA_REGENERATE'|t }}</button>
+            </div>
             <input type="text" style="display:none;" name="{{ (scope ~ field.name)|fieldName }}" data-2fa-value value="{{ data.secret|replace({' ':''}) }}" />
 
         {% else %}