From f5599b88ac52a4299513312b3414ba15b46bc633 Mon Sep 17 00:00:00 2001
From: Dominik Guzei <dominik.guzei@gmail.com>
Date: Thu, 28 Mar 2019 13:30:27 +0100
Subject: improve styling of workspace switch indicator

---
 .../components/WorkspaceSwitchingIndicator.js      | 23 ++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

(limited to 'src')

diff --git a/src/features/workspaces/components/WorkspaceSwitchingIndicator.js b/src/features/workspaces/components/WorkspaceSwitchingIndicator.js
index c012ab008..8aba5bbd9 100644
--- a/src/features/workspaces/components/WorkspaceSwitchingIndicator.js
+++ b/src/features/workspaces/components/WorkspaceSwitchingIndicator.js
@@ -29,17 +29,22 @@ const styles = theme => ({
   },
   component: {
     background: 'rgba(20, 20, 20, 0.4)',
-    padding: 20,
+    padding: '10px 20px',
+    display: 'flex',
     width: 'auto',
     height: 'auto',
     margin: [0, 'auto'],
     borderRadius: 6,
-    alignItems: 'flex-start',
+    alignItems: 'center',
     zIndex: 200,
   },
-  name: {
-    fontSize: 35,
-    marginBottom: '10px',
+  spinner: {
+    width: '40px',
+    marginRight: '5px',
+  },
+  message: {
+    fontSize: 16,
+    whiteSpace: 'nowrap',
   },
 });
 
@@ -67,10 +72,12 @@ class WorkspaceSwitchingIndicator extends Component {
         ])}
       >
         <div className={classes.component}>
-          <h1 className={classes.name}>
+          <div className={classes.spinner}>
+            <LoaderComponent />
+          </div>
+          <p className={classes.message}>
             {`${intl.formatMessage(messages.switchingTo)} ${nextWorkspaceName}`}
-          </h1>
-          <LoaderComponent />
+          </p>
         </div>
       </div>
     );
-- 
cgit v1.2.3-54-g00ecf