From f63499cfad1bac6c6ba81ddfa1b2442666b670f5 Mon Sep 17 00:00:00 2001
From: Andrii Perenesenko <andrii.perenesenko@gmail.com>
Date: Mon, 21 Jun 2021 12:38:02 -0700
Subject: [PATCH] feat: Rollout Dashboard should allow user select namespace.
 Put the label for NS list

---
 ui/src/app/components/header/header.scss | 4 +++-
 ui/src/app/components/header/header.tsx  | 3 ++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/ui/src/app/components/header/header.scss b/ui/src/app/components/header/header.scss
index 6080c025d3..27c42f8c4a 100644
--- 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
index 757f16ebbf..4b96b67ae4 100644
--- 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>
     );