feat: Rollout Dashboard should allow user select namespace. Put the l…

…abel for NS list
argoproj · Jun 21, 2021 · f63499c · f63499c
1 parent e6eec3d
commit f63499c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/ui/src/app/components/header/header.scss b/ui/src/app/components/header/header.scss
@@ -59,9 +59,11 @@
         display: flex;
         align-items: center;
     }
-    &__version {
+    &__label {
         color: $shine;
         margin: 0 15px;
+        margin: auto;
+        padding: 5px;
     }
     &__namespace {
         color: black;

diff --git a/ui/src/app/components/header/header.tsx b/ui/src/app/components/header/header.tsx
@@ -58,6 +58,7 @@ export const Header = (props: {pageHasShortcuts: boolean; changeNamespace: (val:
                     <InfoItemRow label={'NS:'} items={{content: namespaceInfo.namespace}} />
                 ) : (
                     <ThemeDiv className='rollouts-header__namespace'>
+                        <div className='rollouts-header__label'>NS:</div>
                         <Autocomplete items={namespaceInfo.availableNamespaces || []}
                                     placeholder='Namespace'
                                     onChange={(el) => setNsInput(el.target.value)}
@@ -66,7 +67,7 @@ export const Header = (props: {pageHasShortcuts: boolean; changeNamespace: (val:
                         />
                     </ThemeDiv>
                 )}
-                <div className='rollouts-header__version'>{version}</div>
+                <div className='rollouts-header__label'>{version}</div>
             </div>
         </GenericHeader>
     );