diff --git a/src/client/components/main_layout/TopBarSearchField.js b/src/client/components/main_layout/TopBarSearchField.js index 697c32b5edcd2c4b0ca3c659731d2dd3c82494ba..726f8d2e714d2ba9648471bcfc6a0ce2f8666ef5 100644 --- a/src/client/components/main_layout/TopBarSearchField.js +++ b/src/client/components/main_layout/TopBarSearchField.js @@ -16,9 +16,10 @@ const styles = theme => ({ '&:hover': { backgroundColor: fade(theme.palette.common.white, 0.25) }, - marginRight: theme.spacing(3), - marginLeft: theme.spacing(2.5), + // marginRight: theme.spacing(3), + // marginLeft: theme.spacing(2.5), width: '100%', + maxWidth: 300, [theme.breakpoints.up('sm')]: { marginLeft: theme.spacing(3), width: 'auto' diff --git a/src/client/components/perspectives/sampo/TopBar.js b/src/client/components/perspectives/sampo/TopBar.js index 0015a85aaf24d5bc9c22620c86137c0cfd82dfd8..b1136f90cce9c13e35c2b843f44e23ac0802236f 100644 --- a/src/client/components/perspectives/sampo/TopBar.js +++ b/src/client/components/perspectives/sampo/TopBar.js @@ -218,7 +218,9 @@ const TopBar = props => { <AppBar position='static'> <Toolbar className={classes.topBarToolbar}> <Button component={AdapterLink} to='/'> - <Typography className={classes.homeButtonText} variant='h6'>{intl.get('appTitle.short')}</Typography> + <Typography className={classes.homeButtonText} variant='h6'> + {props.xsScreen ? intl.get('appTitle.mobile') : intl.get('appTitle.short')} + </Typography> </Button> {!clientFSMode && <TopBarSearchField diff --git a/src/client/translations/sampo/localeEN.json b/src/client/translations/sampo/localeEN.json index b0074b8756b4332ea43837789543b57e30636b78..3361aa4b436c0596d3a11a0e69ed68beab52aac5 100644 --- a/src/client/translations/sampo/localeEN.json +++ b/src/client/translations/sampo/localeEN.json @@ -6,6 +6,7 @@ }, "appTitle": { "short": "Sampo-UI", + "mobile": "S-UI", "long": " Sampo-UI ", "subheading": "\"Here to forge for us the Sampo, Hammer us the lid in colors\"" },