From 3c125a4b978a5be7635ec960258eedea6b89b44e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Thu, 12 Dec 2019 22:14:01 +0000
Subject: [PATCH] fix(ui): add more margin between text and the icon

---
 ui/src/ErrorBoundary.tsx                        | 4 ++--
 ui/src/__snapshots__/ErrorBoundary.test.js.snap | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/ErrorBoundary.tsx b/ui/src/ErrorBoundary.tsx
index 390ac0521..d1dae0826 100644
--- a/ui/src/ErrorBoundary.tsx
+++ b/ui/src/ErrorBoundary.tsx
@@ -20,7 +20,7 @@ const InternalError: StatelessComponent<InternalErrorProps> = props => (
   <div className="jumbotron text-center bg-primary my-4">
     <div className="container-fluid">
       <h1 className="display-1 my-5">
-        <FontAwesomeIcon className="text-danger mr-2" icon={faBomb} />
+        <FontAwesomeIcon className="text-danger mr-4" icon={faBomb} />
         <span className="text-muted">Internal error</span>
       </h1>
       <p className="lead text-white bg-secondary px-1 py-3 rounded">
@@ -102,4 +102,4 @@ class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
   }
 }
 
-export { ErrorBoundary };
+export { ErrorBoundary, InternalError };
diff --git a/ui/src/__snapshots__/ErrorBoundary.test.js.snap b/ui/src/__snapshots__/ErrorBoundary.test.js.snap
index b7b84ab9a..e9909b532 100644
--- a/ui/src/__snapshots__/ErrorBoundary.test.js.snap
+++ b/ui/src/__snapshots__/ErrorBoundary.test.js.snap
@@ -9,7 +9,7 @@ exports[`<ErrorBoundary /> matches snapshot 1`] = `
            focusable=\\"false\\"
            data-prefix=\\"fas\\"
            data-icon=\\"bomb\\"
-           class=\\"svg-inline--fa fa-bomb fa-w-16 text-danger mr-2\\"
+           class=\\"svg-inline--fa fa-bomb fa-w-16 text-danger mr-4\\"
            role=\\"img\\"
            xmlns=\\"http://www.w3.org/2000/svg\\"
            viewbox=\\"0 0 512 512\\"