From 07cd4075b24b19436cd1382ff4445f322b108438 Mon Sep 17 00:00:00 2001
From: Daniel Hewes <daniel@creativedotdesign.com>
Date: Mon, 16 Sep 2024 15:11:09 -0700
Subject: [PATCH] fix: Make maintenance mode a little cleaner.

---
 inc/lib/init.php       |  2 +-
 src/css/base/admin.css | 12 ++++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/inc/lib/init.php b/inc/lib/init.php
index 9af9a9d..2066b60 100644
--- a/inc/lib/init.php
+++ b/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>';
     }
   }
 }
diff --git a/src/css/base/admin.css b/src/css/base/admin.css
index a59801d..7fc1b68 100644
--- a/src/css/base/admin.css
+++ b/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;
   }
 }