style header items

microsoftgraph · May 11, 2022 · b273371 · b273371
1 parent e7b187f
commit b273371
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/src/app/views/main-header/MainHeader.styles.ts b/src/app/views/main-header/MainHeader.styles.ts
@@ -11,8 +11,7 @@ export const mainHeaderStyles = (theme: ITheme) => {
     },
     rightItemsStyles: {
       root: {
-        alignItems: 'center',
-        paddingLeft: '5px'
+        alignItems: 'center'
       }
     },
     feedbackIconAdjustmentStyles: {
@@ -23,7 +22,8 @@ export const mainHeaderStyles = (theme: ITheme) => {
     tenantStyles: {
       height: 50,
       border: 'none',
-      cursor: 'default'
+      cursor: 'default',
+      background: theme.palette.neutralLighter
     }
   }
 }
diff --git a/src/app/views/main-header/MainHeader.tsx b/src/app/views/main-header/MainHeader.tsx
@@ -73,7 +73,7 @@ export const MainHeader: React.FunctionComponent <MainHeaderProps> = (props: Mai
           </Label>
         </Stack>
 
-        <Stack horizontal styles={rightItemsStyles} tokens={itemAlignmentsStackTokens}>
+        <Stack horizontal styles={rightItemsStyles} >
           <ThemeSetting />
           <span style={feedbackIconAdjustmentStyles}> <FeedbackButton /> </span>
           <Settings />
@@ -87,7 +87,7 @@ export const MainHeader: React.FunctionComponent <MainHeaderProps> = (props: Mai
               id={getId()}
               calloutProps={{ gapSpace: 0 }}
             >
-              <DefaultButton text={translateMessage('Tenant: Sample')} checked={true}
+              <DefaultButton text={translateMessage('Tenant: Sample')}
                 style={tenantStyles}/>
             </TooltipHost>
           }

diff --git a/src/app/views/main-header/ThemeSetting.tsx b/src/app/views/main-header/ThemeSetting.tsx
@@ -35,8 +35,8 @@ export const ThemeSetting: React.FunctionComponent = () => {
       <ActionButton
         ariaLabel={translateMessage('change theme')}
         key= 'change-theme'
-        iconProps= {{iconName: 'Brightness', style:{fontSize: 20}}}
-        text={'Theme'}
+        iconProps= {{iconName: 'Brightness', style:{fontSize:15 }}}
+        //text={'Theme'}
         onClick={ () => toggleThemeChooserDialogState()}
       />
       <div>

diff --git a/src/app/views/settings/Settings.tsx b/src/app/views/settings/Settings.tsx
@@ -134,7 +134,7 @@ function Settings(props: ISettingsProps) {
           role='button'
           styles={{
             label: { marginBottom: -20 },
-            menuIcon: { fontSize: 20 }
+            menuIcon: { fontSize: 15 }
           }}
           menuIconProps={{ iconName: 'Help' }}
           menuProps={menuProperties}