Simplify status + content display (#7264)

js/src/Status/status.css

@@ -16,6 +16,7 @@
 */
 
 $textColor: #ccc;
+$statusHeight: 2.75em;
 
 .home {
   color: $textColor !important;
@@ -26,15 +27,9 @@ $textColor: #ccc;
 .container {
   flex: 0;
   box-sizing: border-box;
-  height: 2.75em;
 
-  .fixed {
-    box-sizing: border-box;
-    position: fixed;
-    top: 0;
-    right: 0;
-    left: 0;
-    height: 2.75em;
+  .bar {
+    height: $statusHeight;
     z-index: 1000;
     border-bottom: 1px solid #405161;
     color: $textColor;

js/src/Status/status.js

@@ -44,7 +44,7 @@ function Status ({ className = '', upgradeStore }, { api }) {
 
   return (
     <div className={ `${styles.container} ${className}` }>
-      <GradientBg className={ styles.fixed }>
+      <GradientBg className={ styles.bar }>
         <div className={ styles.status }>
           <a href='#/' className={ styles.home }>
             <HomeIcon />
@@ -93,8 +93,8 @@ function Status ({ className = '', upgradeStore }, { api }) {
             <NetChain className={ styles.chain } />
           </div>
         </div>
-        <SyncWarning className={ styles.warning } />
       </GradientBg>
+      <SyncWarning className={ styles.warning } />
     </div>
   );
 }