[ARVADOS-WORKBENCH2] updated: 1.1.4-271-g284058e

Git user git at public.curoverse.com
Thu Jul 12 06:03:26 EDT 2018


Summary of changes:
 .../details-panel/details-panel.tsx                | 25 ++++++++++++++--------
 1 file changed, 16 insertions(+), 9 deletions(-)

       via  284058e97bb25593f057902eb46af1c8c51b1e27 (commit)
      from  a0b33ac652512852570f2805ee85fb902334010b (commit)

Those revisions listed above that are new to this repository have
not appeared on any other notification email; so we list those
revisions in full, below.


commit 284058e97bb25593f057902eb46af1c8c51b1e27
Author: Janicki Artur <artur.janicki at contractors.roche.com>
Date:   Wed Jul 11 15:15:49 2018 +0200

    improve header
    
    Feature #13705
    
    Arvados-DCO-1.1-Signed-off-by: Janicki Artur <artur.janicki at contractors.roche.com>

diff --git a/src/views-components/details-panel/details-panel.tsx b/src/views-components/details-panel/details-panel.tsx
index 7a087ad..15ca8f3 100644
--- a/src/views-components/details-panel/details-panel.tsx
+++ b/src/views-components/details-panel/details-panel.tsx
@@ -53,14 +53,20 @@ class DetailsPanel extends React.Component<DetailsPanelProps, {}> {
             <Typography component="div" className={classnames([classes.container, { [classes.opened]: isOpened }])}>
                 <Drawer variant="permanent" anchor="right" classes={{ paper: classes.drawerPaper }}>
                     <Typography component="div" className={classes.headerContainer}>
-                        <Grid container alignItems='center' justify='space-around'>
-                            <IconBase className={classes.headerIcon} icon={item.getIcon()} />
-                            <Typography variant="title">
-                                {item.getTitle()}
-                            </Typography>
-                            <IconButton color="inherit" onClick={onCloseDrawer}>
-                                <IconBase icon={IconTypes.CLOSE} />
-                            </IconButton>
+                        <Grid container wrap="nowrap" alignItems='center' justify='space-around'>
+                            <Grid item>
+                                <IconBase className={classes.headerIcon} icon={item.getIcon()} />
+                            </Grid>
+                            <Grid item xs={8}>
+                                <Typography variant="title">
+                                    {item.getTitle()}
+                                </Typography>
+                            </Grid>
+                            <Grid item>
+                                <IconButton color="inherit" onClick={onCloseDrawer}>
+                                    <IconBase icon={IconTypes.CLOSE} />
+                                </IconButton>
+                            </Grid>
                         </Grid>
                     </Typography>
                     <Tabs value={tabsValue} onChange={this.handleChange}>
@@ -102,7 +108,8 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     },
     headerContainer: {
         color: theme.palette.grey["600"],
-        margin: `${theme.spacing.unit}px 0`
+        margin: `${theme.spacing.unit}px 0`,
+        textAlign: 'center'
     },
     headerIcon: {
         fontSize: "34px"

-----------------------------------------------------------------------


hooks/post-receive
-- 




More information about the arvados-commits mailing list