| @@ -578,8 +578,9 @@ function Header(props) { | |||||
| justifyContent="flex-start" | justifyContent="flex-start" | ||||
| alignItems="center" | alignItems="center" | ||||
| spacing={0} | spacing={0} | ||||
| sx={{ width: { xs: '100%', md: '5%' } }} | |||||
| > | > | ||||
| <Box mt={0.5} sx={{ display: { xs: 'none', sm: 'none', md: 'block' } }}> | |||||
| <Box mt={0.5} sx={{ flexGrow: 1, display: { xs: 'none', sm: 'none', md: 'block' } }}> | |||||
| <AdminLogo /> | <AdminLogo /> | ||||
| </Box> | </Box> | ||||
| <IconButton | <IconButton | ||||
| @@ -591,9 +592,16 @@ function Header(props) { | |||||
| > | > | ||||
| <MenuIcon style={{ color: '#0C489E' }} /> | <MenuIcon style={{ color: '#0C489E' }} /> | ||||
| </IconButton> | </IconButton> | ||||
| <Box sx={{ mr: 2, display: { md: 'none' } }}> | |||||
| <MobileLogo /> | |||||
| <span id="mobileTitle" >PNSPS</span> | |||||
| <Box sx={{ flexGrow: 1, mr: 2, display: { sm: 'block', md: 'none' } }}> | |||||
| <Stack direction="row" justifyContent="space-between" alignItems="center" width="100%"> | |||||
| <MobileLogo /> | |||||
| <Stack justifyContent="flex-start" alignItems="flex-start" width="100%" ml={2}> | |||||
| <span id="mobileTitle">PNSPS</span> | |||||
| </Stack> | |||||
| <Stack justifyContent="flex-end" alignItems="center"> | |||||
| <span style={{color:"#B11B1B",fontWeight:'bold',fontSize:'15px'}}>RESTRICTED</span> | |||||
| </Stack> | |||||
| </Stack> | |||||
| </Box> | </Box> | ||||
| </Stack> : | </Stack> : | ||||
| <Stack | <Stack | ||||
| @@ -659,7 +667,9 @@ function Header(props) { | |||||
| > | > | ||||
| { | { | ||||
| isGLDLoggedIn() ? | isGLDLoggedIn() ? | ||||
| <Grid item /> | |||||
| <Grid item > | |||||
| <span style={{color:"#B11B1B",fontWeight:'bold',fontSize:'15px'}}>RESTRICTED</span> | |||||
| </Grid> | |||||
| : | : | ||||
| <Grid item> | <Grid item> | ||||
| <LocaleSelector /> | <LocaleSelector /> | ||||