Closes 494 ? misaligned

infinispan · Oct 17, 2024 · 611a59d · 611a59d
1 parent 27e74e1
commit 611a59d
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/src/app/AppLayout/AppLayout.tsx b/src/app/AppLayout/AppLayout.tsx
@@ -151,16 +151,6 @@ const AppLayout: React.FunctionComponent<IAppLayout> = ({ children }) => {
           align={{ default: 'alignRight' }}
           spacer={{ default: 'spacerNone', md: 'spacerMd' }}
         >
-          <ToolbarItem>
-            <Switch
-              id="darkThemeSwitch"
-              isChecked={theme === 'dark'}
-              onChange={toggleTheme}
-              ouiaId="DarkThemeOuiaId"
-              label={t('layout.dark-theme')}
-              className="darkThemeSwitch"
-            />
-          </ToolbarItem>
           <ToolbarItem>
             <Dropdown
               id="aboutInfoQuestionMark"
@@ -186,11 +176,22 @@ const AppLayout: React.FunctionComponent<IAppLayout> = ({ children }) => {
               >
                 {t('layout.documentation-name')}
               </DropdownItem>
+              <DropdownItem onClick={() => setIsAboutOpen(!isAboutOpen)} key="about" component="button">
               <DropdownItem onClick={() => setIsAboutOpen(!isAboutOpen)} key="about" component="button">
                 {t('layout.about-name')}
               </DropdownItem>
             </Dropdown>
           </ToolbarItem>
+          <ToolbarItem>
+            <Switch
+              id="darkThemeSwitch"
+              isChecked={theme === 'dark'}
+              onChange={toggleTheme}
+              ouiaId="DarkThemeOuiaId"
+              label={t('layout.dark-theme')}
+              className="darkThemeSwitch"
+            />
+          </ToolbarItem>
         </ToolbarGroup>
         {!ConsoleServices.authentication().isNotSecured() && userActions()}
       </ToolbarContent>