fix: Make maintenance mode a little cleaner.

Author: danimalweb

inc/lib/init.php

@@ -181,7 +181,7 @@ function show_maintenance_message()
     echo '<div class="error notice"><p><strong>' . __('Maintenance Mode', 'tofino') . '</strong> ' . get_field('maintenance_mode_text', 'option') . '</p></div>';
 
     if (!isset($_COOKIE['tofino_maintenance_alert_dismissed'])) {
-      echo '<div class="maintenance-mode-alert"><h1>' . __('Maintenance Mode', 'tofino') . '</h1><p>' . get_field('maintenance_mode_text', 'option') . '</p><button type="button">' . __('I understand', 'tofino') . '</button></div>';
+      echo '<div class="maintenance-mode-alert"><div><h1>' . __('Maintenance Mode', 'tofino') . '</h1><p>' . get_field('maintenance_mode_text', 'option') . '</p><button type="button">' . __('I understand', 'tofino') . '</button></div></div>';
     }
   }
 }

src/css/base/admin.css

@@ -1,12 +1,20 @@
 .maintenance-mode-alert {
-  @apply fixed inset-0 z-[99999] bg-red-600 p-5 text-center text-white;
+  @apply fixed inset-0 z-[99999] flex justify-center bg-red-600 p-5 text-center text-white;
+
+  div {
+    @apply self-center;
+  }
 
   h1 {
     @apply text-white;
   }
 
   p {
-    @apply text-sm;
+    @apply text-lg;
+  }
+
+  button {
+    @apply border-none bg-white px-4 py-2 font-medium uppercase;
   }
 }