From a9949cb9146f46fb002604bd2d27e872f4705b1b Mon Sep 17 00:00:00 2001
From: Michal Klobukowski <michal.klobukowski@contractors.roche.com>
Date: Wed, 13 Jun 2018 10:16:32 +0200
Subject: [PATCH] Tighten main app bar

Feature #13590

Arvados-DCO-1.1-Signed-off-by: Michal Klobukowski <michal.klobukowski@contractors.roche.com>
---
 src/components/main-app-bar/main-app-bar.tsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/main-app-bar/main-app-bar.tsx b/src/components/main-app-bar/main-app-bar.tsx
index 4beea605..06264157 100644
--- a/src/components/main-app-bar/main-app-bar.tsx
+++ b/src/components/main-app-bar/main-app-bar.tsx
@@ -43,14 +43,17 @@ export class MainAppBar extends React.Component<MainAppBarProps> {
     render() {
         const { classes, searchText, breadcrumbs, searchDebounce } = this.props;
         return <AppBar className={classes.appBar} position="static">
-            <Toolbar>
+            <Toolbar className={classes.toolbar}>
                 <Grid
                     container
                     justify="space-between"
                 >
                     <Grid item xs={3}>
-                        <Typography variant="title" color="inherit" noWrap style={{ flexGrow: 1 }}>
-                            <span>Arvados</span><br /><span style={{ fontSize: 12 }}>Workbench 2</span>
+                        <Typography variant="headline" color="inherit" noWrap>
+                            Arvados
+                        </Typography>
+                        <Typography variant="body1" color="inherit" noWrap >
+                            Workbench 2
                         </Typography>
                     </Grid>
                     <Grid item xs={6} container alignItems="center">
@@ -70,7 +73,7 @@ export class MainAppBar extends React.Component<MainAppBarProps> {
                 </Grid>
             </Toolbar>
             {
-                this.props.user && <Toolbar>
+                this.props.user && <Toolbar className={classes.toolbar}>
                     <Breadcrumbs items={breadcrumbs} onClick={this.props.onBreadcrumbClick} />
                 </Toolbar>
             }
@@ -116,11 +119,14 @@ export class MainAppBar extends React.Component<MainAppBarProps> {
 
 }
 
-type CssRules = "appBar";
+type CssRules = "appBar" | "toolbar";
 
 const styles: StyleRulesCallback<CssRules> = theme => ({
     appBar: {
         backgroundColor: "#692498"
+    },
+    toolbar: {
+        minHeight: '48px'
     }
 });
 
-- 
2.30.2