From 4f014deaf74a897a5f543d7635092e82b1c2b3a8 Mon Sep 17 00:00:00 2001
From: Harikrishna Patnala <harikrishna.patnala@gmail.com>
Date: Mon, 9 Oct 2023 18:33:01 +0530
Subject: [PATCH 1/7] Fix allignment on the right side of the page

---
 ui/src/views/AutogenView.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/ui/src/views/AutogenView.vue b/ui/src/views/AutogenView.vue
index 038867830f79..d674ea76e848 100644
--- a/ui/src/views/AutogenView.vue
+++ b/ui/src/views/AutogenView.vue
@@ -84,11 +84,11 @@
           </a-col>
           <a-col
             :span="device === 'mobile' ? 24 : 12"
-            :style="device === 'mobile' ? { float: 'right', 'margin-top': '12px', 'margin-bottom': '-6px', display: 'table' } : { float: 'right', display: 'table', 'margin-bottom': '-4px' }" >
+            :style="device === 'mobile' ? { float: 'right', 'margin-top': '12px', 'margin-bottom': '-6px', display: 'table' } : { float: 'right', display: 'table', 'margin-top': '6px' }" >
             <slot name="action" v-if="dataView && $route.path.startsWith('/publicip')"></slot>
             <action-button
               v-else
-              :style="dataView ? { float: device === 'mobile' ? 'left' : 'right' } : { 'margin-right': '10px', display: getStyle(), padding: '5px' }"
+              :style="dataView ? { float: device === 'mobile' ? 'left' : 'right' } : { 'margin-right': '10px', display: getStyle() }"
               :loading="loading"
               :actions="actions"
               :selectedRowKeys="selectedRowKeys"
@@ -99,7 +99,6 @@
             <search-view
               v-if="!dataView"
               :searchFilters="searchFilters"
-              style="min-width: 120px; margin-left: 10px; margin-top: 5px"
               :searchParams="searchParams"
               :apiName="apiName"
               @search="onSearch"

From 5ffb2a328bb99d956502058d5c60e8802d5f9874 Mon Sep 17 00:00:00 2001
From: Harikrishna Patnala <harikrishna.patnala@gmail.com>
Date: Mon, 9 Oct 2023 19:28:11 +0530
Subject: [PATCH 2/7] Size fixes

---
 ui/src/views/AutogenView.vue | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/ui/src/views/AutogenView.vue b/ui/src/views/AutogenView.vue
index d674ea76e848..455c7b115da6 100644
--- a/ui/src/views/AutogenView.vue
+++ b/ui/src/views/AutogenView.vue
@@ -34,14 +34,14 @@
                 </a-button>
                 <a-switch
                   v-if="!dataView && ['vm', 'volume', 'zone', 'cluster', 'host', 'storagepool', 'managementserver'].includes($route.name)"
-                  style="margin-left: 8px; margin-bottom: 3px"
+                  style="margin-left: 8px; min-height: 25px; margin-bottom: 3px"
                   :checked-children="$t('label.metrics')"
                   :un-checked-children="$t('label.metrics')"
                   :checked="$store.getters.metrics"
                   @change="(checked, event) => { $store.dispatch('SetMetrics', checked) }"/>
                 <a-switch
                   v-if="!projectView && hasProjectId"
-                  style="margin-left: 8px; margin-bottom: 3px"
+                  style="margin-left: 8px; min-height: 25px; margin-bottom: 3px"
                   :checked-children="$t('label.projects')"
                   :un-checked-children="$t('label.projects')"
                   :checked="$store.getters.listAllProjects"
@@ -54,7 +54,7 @@
                     v-if="!dataView && filters && filters.length > 0"
                     :placeholder="$t('label.filterby')"
                     :value="filterValue"
-                    style="min-width: 120px; margin-left: 10px; margin-top: -4px"
+                    style="min-width: 100px; margin-left: 10px; margin-top: -4px"
                     @change="changeFilter"
                     showSearch
                     optionFilterProp="label"
@@ -1962,6 +1962,27 @@ export default {
   vertical-align: text-bottom;
 }
 
+:deep(.ant-switch-handle) {
+  height: 14px;
+  left: 7px;
+  top: 5px;
+  width: 14px;
+}
+
+:deep(.ant-switch-inner) {
+  color: #fff;
+  display: block;
+  font-size: 14px;
+  margin: 0px 13px 0 25px;
+  transition: margin .2s;
+}
+
+:deep(element) {
+  min-width: 120px;
+  margin-left: 10px;
+  margin-top: -4px;
+}
+
 :deep(.ant-alert-message) {
   display: flex;
   align-items: center;

From e29364c3e8b44cdde9e9d53e50726da10a9c52e5 Mon Sep 17 00:00:00 2001
From: Harikrishna Patnala <harikrishna.patnala@gmail.com>
Date: Tue, 10 Oct 2023 08:43:08 +0530
Subject: [PATCH 3/7] fix allignment on check box

---
 ui/src/views/AutogenView.vue | 21 +++------------------
 1 file changed, 3 insertions(+), 18 deletions(-)

diff --git a/ui/src/views/AutogenView.vue b/ui/src/views/AutogenView.vue
index 455c7b115da6..aa022eafde16 100644
--- a/ui/src/views/AutogenView.vue
+++ b/ui/src/views/AutogenView.vue
@@ -34,14 +34,14 @@
                 </a-button>
                 <a-switch
                   v-if="!dataView && ['vm', 'volume', 'zone', 'cluster', 'host', 'storagepool', 'managementserver'].includes($route.name)"
-                  style="margin-left: 8px; min-height: 25px; margin-bottom: 3px"
+                  style="margin-left: 8px; min-height: 22px; margin-bottom: 3px"
                   :checked-children="$t('label.metrics')"
                   :un-checked-children="$t('label.metrics')"
                   :checked="$store.getters.metrics"
                   @change="(checked, event) => { $store.dispatch('SetMetrics', checked) }"/>
                 <a-switch
                   v-if="!projectView && hasProjectId"
-                  style="margin-left: 8px; min-height: 25px; margin-bottom: 3px"
+                  style="margin-left: 8px; min-height: 22px; margin-bottom: 3px"
                   :checked-children="$t('label.projects')"
                   :un-checked-children="$t('label.projects')"
                   :checked="$store.getters.listAllProjects"
@@ -1962,25 +1962,10 @@ export default {
   vertical-align: text-bottom;
 }
 
-:deep(.ant-switch-handle) {
-  height: 14px;
-  left: 7px;
-  top: 5px;
-  width: 14px;
-}
-
 :deep(.ant-switch-inner) {
-  color: #fff;
   display: block;
   font-size: 14px;
-  margin: 0px 13px 0 25px;
-  transition: margin .2s;
-}
-
-:deep(element) {
-  min-width: 120px;
-  margin-left: 10px;
-  margin-top: -4px;
+  margin: 0px 14px 0px 28px;
 }
 
 :deep(.ant-alert-message) {

From ec360435b49539e8fb4cbb6810489c49c86fda35 Mon Sep 17 00:00:00 2001
From: Harikrishna Patnala <harikrishna.patnala@gmail.com>
Date: Mon, 16 Oct 2023 15:52:18 +0530
Subject: [PATCH 4/7] Fix search view and filter by block size

---
 ui/src/components/view/SearchView.vue | 2 +-
 ui/src/views/AutogenView.vue          | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/view/SearchView.vue b/ui/src/components/view/SearchView.vue
index bce8a6bb9e53..67a08ae8ce6d 100644
--- a/ui/src/components/view/SearchView.vue
+++ b/ui/src/components/view/SearchView.vue
@@ -702,7 +702,7 @@ export default {
 
   :deep(.ant-input-group) {
     .ant-input-affix-wrapper {
-      width: calc(100% - 10px);
+      width: calc(100%);
     }
   }
 }
diff --git a/ui/src/views/AutogenView.vue b/ui/src/views/AutogenView.vue
index aa022eafde16..ea6bad87a3ae 100644
--- a/ui/src/views/AutogenView.vue
+++ b/ui/src/views/AutogenView.vue
@@ -55,6 +55,7 @@
                     :placeholder="$t('label.filterby')"
                     :value="filterValue"
                     style="min-width: 100px; margin-left: 10px; margin-top: -4px"
+                    size=small
                     @change="changeFilter"
                     showSearch
                     optionFilterProp="label"

From 8765f28ebefb6d956110e7c2562d0b64d28f7112 Mon Sep 17 00:00:00 2001
From: Harikrishna Patnala <harikrishna.patnala@gmail.com>
Date: Thu, 26 Oct 2023 14:07:33 +0530
Subject: [PATCH 5/7] Allignment changes

---
 ui/src/components/view/SearchView.vue | 6 ------
 ui/src/views/AutogenView.vue          | 4 ++--
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/ui/src/components/view/SearchView.vue b/ui/src/components/view/SearchView.vue
index 67a08ae8ce6d..f315667442a7 100644
--- a/ui/src/components/view/SearchView.vue
+++ b/ui/src/components/view/SearchView.vue
@@ -699,12 +699,6 @@ export default {
       right: 0;
     }
   }
-
-  :deep(.ant-input-group) {
-    .ant-input-affix-wrapper {
-      width: calc(100%);
-    }
-  }
 }
 
 .filter-button {
diff --git a/ui/src/views/AutogenView.vue b/ui/src/views/AutogenView.vue
index ea6bad87a3ae..6e65614fc25e 100644
--- a/ui/src/views/AutogenView.vue
+++ b/ui/src/views/AutogenView.vue
@@ -34,14 +34,14 @@
                 </a-button>
                 <a-switch
                   v-if="!dataView && ['vm', 'volume', 'zone', 'cluster', 'host', 'storagepool', 'managementserver'].includes($route.name)"
-                  style="margin-left: 8px; min-height: 22px; margin-bottom: 3px"
+                  style="margin-left: 8px; min-height: 23px; margin-bottom: 3px"
                   :checked-children="$t('label.metrics')"
                   :un-checked-children="$t('label.metrics')"
                   :checked="$store.getters.metrics"
                   @change="(checked, event) => { $store.dispatch('SetMetrics', checked) }"/>
                 <a-switch
                   v-if="!projectView && hasProjectId"
-                  style="margin-left: 8px; min-height: 22px; margin-bottom: 3px"
+                  style="margin-left: 8px; min-height: 23px; margin-bottom: 3px"
                   :checked-children="$t('label.projects')"
                   :un-checked-children="$t('label.projects')"
                   :checked="$store.getters.listAllProjects"

From 4d57c01e3aa78a2dd795035e816bd74d910c332d Mon Sep 17 00:00:00 2001
From: Harikrishna Patnala <harikrishna.patnala@gmail.com>
Date: Thu, 26 Oct 2023 15:48:32 +0530
Subject: [PATCH 6/7] Move filter next to refresh and move the radio buttons a
 bit upside

---
 ui/src/views/AutogenView.vue | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/ui/src/views/AutogenView.vue b/ui/src/views/AutogenView.vue
index 6e65614fc25e..8d3ee26209d2 100644
--- a/ui/src/views/AutogenView.vue
+++ b/ui/src/views/AutogenView.vue
@@ -32,20 +32,6 @@
                   <template #icon><reload-outlined /></template>
                   {{ $t('label.refresh') }}
                 </a-button>
-                <a-switch
-                  v-if="!dataView && ['vm', 'volume', 'zone', 'cluster', 'host', 'storagepool', 'managementserver'].includes($route.name)"
-                  style="margin-left: 8px; min-height: 23px; margin-bottom: 3px"
-                  :checked-children="$t('label.metrics')"
-                  :un-checked-children="$t('label.metrics')"
-                  :checked="$store.getters.metrics"
-                  @change="(checked, event) => { $store.dispatch('SetMetrics', checked) }"/>
-                <a-switch
-                  v-if="!projectView && hasProjectId"
-                  style="margin-left: 8px; min-height: 23px; margin-bottom: 3px"
-                  :checked-children="$t('label.projects')"
-                  :un-checked-children="$t('label.projects')"
-                  :checked="$store.getters.listAllProjects"
-                  @change="(checked, event) => { $store.dispatch('SetListAllProjects', checked) }"/>
                 <a-tooltip placement="right">
                   <template #title>
                     {{ $t('label.filterby') }}
@@ -80,6 +66,20 @@
                     </a-select-option>
                   </a-select>
                 </a-tooltip>
+                <a-switch
+                  v-if="!dataView && ['vm', 'volume', 'zone', 'cluster', 'host', 'storagepool', 'managementserver'].includes($route.name)"
+                  style="margin-left: 8px; min-height: 23px; margin-bottom: 3.5px"
+                  :checked-children="$t('label.metrics')"
+                  :un-checked-children="$t('label.metrics')"
+                  :checked="$store.getters.metrics"
+                  @change="(checked, event) => { $store.dispatch('SetMetrics', checked) }"/>
+                <a-switch
+                  v-if="!projectView && hasProjectId"
+                  style="margin-left: 8px; min-height: 23px; margin-bottom: 3.5px"
+                  :checked-children="$t('label.projects')"
+                  :un-checked-children="$t('label.projects')"
+                  :checked="$store.getters.listAllProjects"
+                  @change="(checked, event) => { $store.dispatch('SetListAllProjects', checked) }"/>
               </template>
             </breadcrumb>
           </a-col>

From 00d1d57e0079905b78d77ec182fd48a0c2dff376 Mon Sep 17 00:00:00 2001
From: Harikrishna Patnala <harikrishna.patnala@gmail.com>
Date: Fri, 27 Oct 2023 15:24:11 +0530
Subject: [PATCH 7/7] Height adjustments

---
 ui/src/views/AutogenView.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/views/AutogenView.vue b/ui/src/views/AutogenView.vue
index 8d3ee26209d2..644019658bbe 100644
--- a/ui/src/views/AutogenView.vue
+++ b/ui/src/views/AutogenView.vue
@@ -40,7 +40,7 @@
                     v-if="!dataView && filters && filters.length > 0"
                     :placeholder="$t('label.filterby')"
                     :value="filterValue"
-                    style="min-width: 100px; margin-left: 10px; margin-top: -4px"
+                    style="min-width: 100px; margin-left: 10px; margin-bottom: 5px"
                     size=small
                     @change="changeFilter"
                     showSearch
@@ -68,14 +68,14 @@
                 </a-tooltip>
                 <a-switch
                   v-if="!dataView && ['vm', 'volume', 'zone', 'cluster', 'host', 'storagepool', 'managementserver'].includes($route.name)"
-                  style="margin-left: 8px; min-height: 23px; margin-bottom: 3.5px"
+                  style="margin-left: 8px; min-height: 23px; margin-bottom: 4px"
                   :checked-children="$t('label.metrics')"
                   :un-checked-children="$t('label.metrics')"
                   :checked="$store.getters.metrics"
                   @change="(checked, event) => { $store.dispatch('SetMetrics', checked) }"/>
                 <a-switch
                   v-if="!projectView && hasProjectId"
-                  style="margin-left: 8px; min-height: 23px; margin-bottom: 3.5px"
+                  style="margin-left: 8px; min-height: 23px; margin-bottom: 4px"
                   :checked-children="$t('label.projects')"
                   :un-checked-children="$t('label.projects')"
                   :checked="$store.getters.listAllProjects"