From f781af31659424fc3fd344a419022d5bee3310b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Mon, 9 Sep 2019 20:33:35 +0100
Subject: [PATCH] fix(ui): improve readability of error / upgrade messages

---
 .../Grid/FatalError/__snapshots__/index.test.js.snap          | 2 +-
 ui/src/Components/Grid/FatalError/index.js                    | 4 +++-
 .../Grid/UpgradeNeeded/__snapshots__/index.test.js.snap       | 2 +-
 ui/src/Components/Grid/UpgradeNeeded/index.js                 | 2 +-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/ui/src/Components/Grid/FatalError/__snapshots__/index.test.js.snap b/ui/src/Components/Grid/FatalError/__snapshots__/index.test.js.snap
index d12eda27a..27f4bb56a 100644
--- a/ui/src/Components/Grid/FatalError/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/Grid/FatalError/__snapshots__/index.test.js.snap
@@ -20,7 +20,7 @@ exports[`<FatalError /> matches snapshot 1`] = `
         </path>
       </svg>
     </h1>
-    <p class=\\"lead text-muted\\">
+    <p class=\\"lead text-white bg-secondary px-1 py-3 rounded\\">
       foo bar
     </p>
   </div>
diff --git a/ui/src/Components/Grid/FatalError/index.js b/ui/src/Components/Grid/FatalError/index.js
index e18a3ad8d..22524f145 100644
--- a/ui/src/Components/Grid/FatalError/index.js
+++ b/ui/src/Components/Grid/FatalError/index.js
@@ -17,7 +17,9 @@ class FatalError extends Component {
           <h1 className="display-1 my-5 text-danger">
             <FontAwesomeIcon icon={faExclamationCircle} />
           </h1>
-          <p className="lead text-muted">{message}</p>
+          <p className="lead text-white bg-secondary px-1 py-3 rounded">
+            {message}
+          </p>
         </div>
       </div>
     );
diff --git a/ui/src/Components/Grid/UpgradeNeeded/__snapshots__/index.test.js.snap b/ui/src/Components/Grid/UpgradeNeeded/__snapshots__/index.test.js.snap
index f59602e7d..65d3c8934 100644
--- a/ui/src/Components/Grid/UpgradeNeeded/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/Grid/UpgradeNeeded/__snapshots__/index.test.js.snap
@@ -20,7 +20,7 @@ exports[`<UpgradeNeeded /> matches snapshot 1`] = `
         </path>
       </svg>
     </h1>
-    <p class=\\"lead text-muted\\">
+    <p class=\\"lead text-white bg-secondary px-1 py-3 rounded\\">
       <svg aria-hidden=\\"true\\"
            focusable=\\"false\\"
            data-prefix=\\"fas\\"
diff --git a/ui/src/Components/Grid/UpgradeNeeded/index.js b/ui/src/Components/Grid/UpgradeNeeded/index.js
index dcd8d898f..715e65482 100644
--- a/ui/src/Components/Grid/UpgradeNeeded/index.js
+++ b/ui/src/Components/Grid/UpgradeNeeded/index.js
@@ -33,7 +33,7 @@ class UpgradeNeeded extends Component {
           <h1 className="display-1 my-5 text-success shake-slow shake-constant">
             <FontAwesomeIcon icon={faRocket} />
           </h1>
-          <p className="lead text-muted">
+          <p className="lead text-white bg-secondary px-1 py-3 rounded">
             <FontAwesomeIcon className="mr-1" icon={faSpinner} spin />
             Upgrading to a new version: {newVersion}
           </p>