From 49652dafe813022427b2a287e7964921cf644272 Mon Sep 17 00:00:00 2001
From: Silversthorn <nakor.silverton@gmail.com>
Date: Tue, 13 Aug 2024 23:26:19 +0200
Subject: [PATCH] Fixing wizards pages

---
 .../static/assets/css/partial/crafty-wizard.css       |  7 +++++++
 app/frontend/templates/server/bedrock_wizard.html     |  8 ++++----
 app/frontend/templates/server/wizard.html             | 11 +++++------
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/app/frontend/static/assets/css/partial/crafty-wizard.css b/app/frontend/static/assets/css/partial/crafty-wizard.css
index 052c73a3..b27f9c40 100644
--- a/app/frontend/static/assets/css/partial/crafty-wizard.css
+++ b/app/frontend/static/assets/css/partial/crafty-wizard.css
@@ -13,6 +13,7 @@
     width: 100%;
     height: 100%;
     z-index: 100;
+    opacity: .99;
 }
 
 .api-alert p {
@@ -24,6 +25,12 @@
     font-size: 20px;
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
+    color: white !important;
+}
+
+.api-alert p>i,
+.api-alert p>a {
+    color: red;
 }
 
 button>i.refresh-class {
diff --git a/app/frontend/templates/server/bedrock_wizard.html b/app/frontend/templates/server/bedrock_wizard.html
index 5ea8b5fb..a7332ad3 100644
--- a/app/frontend/templates/server/bedrock_wizard.html
+++ b/app/frontend/templates/server/bedrock_wizard.html
@@ -55,14 +55,14 @@
                   }}</button>
               </fieldset>
               {% if not data["server_api"] and data["online"] %}
-              <div class="api-alert" style="position: absolute; top: -5px; z-index: 100; opacity: .99;">
-                <p style="color: white !important;"><i class="fas fa-exclamation-triangle" style="color: red;"></i>&nbsp;{{ translate('error', 'bedrockError', data['lang']) }}<a style="color: red;" ; href="https://status.craftycontrol.com/status/craftycontrol" target="_blank" rel="noopener noreferrer">&nbsp;{{ translate('error', 'craftyStatus', data['lang']) }}</a>
+              <div class="api-alert">
+                <p><i class="fas fa-exclamation-triangle"></i>&nbsp;{{ translate('error', 'bedrockError', data['lang']) }}<a href="https://status.craftycontrol.com/status/craftycontrol" target="_blank" rel="noopener noreferrer">&nbsp;{{ translate('error', 'craftyStatus', data['lang']) }}</a>
                   &nbsp;{{ translate('error', 'serverJars2', data['lang']) }}</p>
               </div>
               {% end %}
               {% if not data["online"] %}
-              <div class="api-alert" style="position: absolute; top: -5px; z-index: 100; opacity: .99;">
-                <p style="color: white !important;"><i class="fas fa-exclamation-triangle" style="color: red;"></i>&nbsp;{{ translate('error', 'noInternet', data['lang']) }}</p>
+              <div class="api-alert">
+                <p><i class="fas fa-exclamation-triangle"></i>&nbsp;{{ translate('error', 'noInternet', data['lang']) }}</p>
               </div>
               {% end %}
         </div>
diff --git a/app/frontend/templates/server/wizard.html b/app/frontend/templates/server/wizard.html
index f35d4da8..44d9f82f 100644
--- a/app/frontend/templates/server/wizard.html
+++ b/app/frontend/templates/server/wizard.html
@@ -136,9 +136,9 @@
         </div>
         </fieldset>
         {% if not data["server_api"] and data["online"] %}
-        <div class="api-alert" style="position: absolute; top: -5px; z-index: 100; opacity: .99;">
-          <p style="color: white !important;"><i class="fas fa-exclamation-triangle" style="color: red;"></i>&nbsp;{{
-            translate('error', 'bigBucket1', data['lang']) }}<a style="color: red;" ; href="https://status.craftycontrol.com/status/craftycontrol" target="_blank" rel="noopener">&nbsp;{{
+        <div class="api-alert">
+          <p><i class="fas fa-exclamation-triangle"></i>&nbsp;{{
+            translate('error', 'bigBucket1', data['lang']) }}<a href="https://status.craftycontrol.com/status/craftycontrol" target="_blank" rel="noopener">&nbsp;{{
               translate('error',
               'craftyStatus', data['lang']) }}</a>
             &nbsp;{{ translate('error', 'bigBucket2', data['lang']) }}</br></br><small>{{ translate('error', 'selfHost',
@@ -146,9 +146,8 @@
         </div>
         {% end %}
         {% if not data["online"] %}
-        <div class="api-alert" style="position: absolute; top: -5px; z-index: 100; opacity: .99;">
-          <p style="color: white !important;"><i class="fas fa-exclamation-triangle" style="color: red;"></i>&nbsp;{{
-            translate('error', 'noInternet', data['lang']) }}</p>
+        <div class="api-alert">
+          <p><i class="fas fa-exclamation-triangle"></i>&nbsp;{{ translate('error', 'noInternet', data['lang']) }}</p>
         </div>
         {% end %}
       </div>