Adjust resource list heights to fill screen

client/web/admin/src/views/Automation/Permissions/Index.vue

@@ -1,7 +1,7 @@
 <template>
   <b-container
     fluid
-    class="d-flex flex-column h-100 py-3"
+    class="d-flex flex-column h-100 pt-2 pb-3"
   >
     <c-content-header
       :title="$t('ui.title.automation')"

client/web/admin/src/views/Automation/Scripts/Index.vue

@@ -1,7 +1,7 @@
 <template>
   <b-container
     fluid="xl"
-    class="d-flex flex-column h-100 py-3"
+    class="d-flex flex-column h-100 pt-2 pb-3"
   >
     <c-content-header :title="$t('title')" />
 

client/web/admin/src/views/Automation/Session/Editor.vue

@@ -1,6 +1,6 @@
 <template>
   <b-container
-    class="py-3"
+    class="pt-2 pb-3"
   >
     <c-content-header
       :title="$t('title')"

client/web/admin/src/views/Automation/Session/List.vue

@@ -1,7 +1,7 @@
 <template>
   <b-container
     fluid="xl"
-    class="d-flex flex-column h-100 py-3"
+    class="d-flex flex-column flex-fill pt-2 pb-3"
   >
     <c-content-header :title="$t('title')" />
 
@@ -28,7 +28,7 @@
       sticky-header
       hide-search
       :hide-total="!pagination.incTotal"
-      class="custom-resource-list-height-no-buttons"
+      class="custom-resource-list-height flex-fill"
       @row-clicked="handleRowClicked"
     >
       <template #header>

client/web/admin/src/views/Automation/Workflow/Editor.vue

@@ -1,7 +1,7 @@
 <template>
   <b-container
     v-if="workflow"
-    class="py-3"
+    class="pt-2 pb-3"
   >
     <c-content-header
       :title="title"

client/web/admin/src/views/Automation/Workflow/List.vue

@@ -1,6 +1,7 @@
 <template>
   <b-container
     fluid="xl"
+    class="d-flex flex-column flex-fill pt-2 pb-3"
   >
     <c-content-header :title="$t('title')" />
 
@@ -26,7 +27,7 @@
       }"
       clickable
       sticky-header
-      class="custom-resource-list-height"
+      class="custom-resource-list-height flex-fill"
       @search="filterList"
       @row-clicked="handleRowClicked"
     >

client/web/admin/src/views/Compose/Permissions/Index.vue

@@ -1,7 +1,7 @@
 <template>
   <b-container
     fluid
-    class="d-flex flex-column h-100 py-3"
+    class="d-flex flex-column h-100 pt-2 pb-3"
   >
     <c-content-header
       :title="$t('ui.title.compose')"

client/web/admin/src/views/Compose/Settings/Index.vue

@@ -1,6 +1,6 @@
 <template>
   <b-container
-    class="py-3"
+    class="pt-2 pb-3"
   >
     <c-content-header
       :title="$t('title')"

client/web/admin/src/views/Dashboard.vue

@@ -1,6 +1,6 @@
 <template>
   <b-container
-    class="d-flex flex-column py-3 flex-fill"
+    class="d-flex flex-column pt-2 pb-3 flex-fill"
   >
     <c-content-header
       :title="$t('title')"
@@ -9,7 +9,6 @@
         ui-page="dashboard"
         ui-slot="toolbar"
         resource-type="system'"
-        class="mr-1"
         @click="dispatchCortezaSystemEvent($event)"
       />
     </c-content-header>

client/web/admin/src/views/Federation/Nodes/Editor.vue

@@ -1,6 +1,6 @@
 <template>
   <b-container
-    class="py-3"
+    class="pt-2 pb-3"
   >
     <c-content-header
       :title="title"

client/web/admin/src/views/Federation/Nodes/List.vue

@@ -1,6 +1,7 @@
 <template>
   <b-container
     fluid="xl"
+    class="d-flex flex-column flex-fill pt-2 pb-3"
   >
     <c-content-header :title="$t('title')" />
 
@@ -24,7 +25,7 @@
       clickable
       sticky-header
       hide-total
-      class="custom-resource-list-height"
+      class="custom-resource-list-height flex-fill"
       @row-clicked="handleRowClicked"
       @search="filterList"
     >

client/web/admin/src/views/Federation/Permissions/Index.vue

@@ -1,7 +1,7 @@
 <template>
   <b-container
     fluid
-    class="d-flex flex-column h-100 py-3"
+    class="d-flex flex-column h-100 pt-2 pb-3"
   >
     <c-content-header
       :title="$t('ui.title.federation')"

client/web/admin/src/views/Layout.vue

@@ -70,7 +70,7 @@
           }"
         />
       </template>
-      <div class="d-flex flex-column w-100">
+      <div class="d-flex flex-column w-100 flex-fill">
         <router-view />
       </div>
     </main>

client/web/admin/src/views/System/Actionlog/Index.vue

@@ -1,7 +1,7 @@
 <template>
   <b-container
     fluid="xl"
-    class="d-flex flex-column h-100 py-3"
+    class="d-flex flex-column h-100 pt-2 pb-3"
   >
     <c-content-header
       :title="$t('title')"

client/web/admin/src/views/System/Apigw/Editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <b-container class="py-3">
+  <b-container class="pt-2 pb-3">
     <c-content-header
       :title="$t('title')"
       class="mb-2"

client/web/admin/src/views/System/Apigw/Index.vue

@@ -1,6 +1,7 @@
 <template>
   <b-container
-    class="py-3"
+    fluid="xl"
+    class="d-flex flex-column flex-fill pt-2 pb-3"
   >
     <c-content-header :title="$t('title')" />
 
@@ -16,7 +17,7 @@
       />
 
       <c-route-list
-        class="mb-4 flex-fill"
+        class="flex-fill"
       />
     </div>
   </b-container>

client/web/admin/src/views/System/Apigw/Profiler/Hit.vue

@@ -1,6 +1,6 @@
 <template>
   <b-container
-    class="py-3"
+    class="pt-2 pb-3"
   >
     <c-content-header
       :title="$t('hit.title')"

client/web/admin/src/views/System/Apigw/Profiler/Index.vue

@@ -1,7 +1,8 @@
 <template>
   <b-container
     data-tets-id="profiler"
-    class="py-3"
+    fluid="xl"
+    class="d-flex flex-column flex-fill pt-2 pb-3"
   >
     <c-content-header
       :title="$t('title')"
@@ -10,7 +11,7 @@
     <b-card
       no-body
       data-test-id="card-profiler"
-      class="shadow-sm"
+      class="flex-fill shadow-sm"
       footer-class="d-flex align-items-center justify-content-center"
       footer-bg-variant="white"
       header-bg-variant="white"

client/web/admin/src/views/System/Apigw/Profiler/Route.vue

@@ -1,6 +1,6 @@
 <template>
   <b-container
-    class="py-3"
+    class="pt-2 pb-3"
   >
     <c-content-header
       :title="title"

client/web/admin/src/views/System/Application/Editor.vue

@@ -1,7 +1,7 @@
 <template>
   <b-container
     v-if="application"
-    class="py-3"
+    class="pt-2 pb-3"
   >
     <c-content-header
       :title="title"

client/web/admin/src/views/System/Application/List.vue

@@ -1,6 +1,7 @@
 <template>
   <b-container
     fluid="xl"
+    class="d-flex flex-column flex-fill pt-2 pb-3"
   >
     <c-content-header :title="$t('title')" />
 
@@ -26,7 +27,7 @@
       }"
       clickable
       sticky-header
-      class="custom-resource-list-height"
+      class="custom-resource-list-height flex-fill"
       @search="filterList"
       @row-clicked="handleRowClicked"
     >

client/web/admin/src/views/System/AuthClient/Editor.vue

@@ -1,7 +1,7 @@
 <template>
   <b-container
     v-if="authclient"
-    class="py-3"
+    class="pt-2 pb-3"
   >
     <c-content-header
       :title="title"

client/web/admin/src/views/System/AuthClient/List.vue

@@ -1,6 +1,7 @@
 <template>
   <b-container
     fluid="xl"
+    class="d-flex flex-column flex-fill pt-2 pb-3"
   >
     <c-content-header :title="$t('title')" />
 
@@ -27,7 +28,7 @@
       clickable
       sticky-header
       hide-search
-      class="custom-resource-list-height"
+      class="custom-resource-list-height flex-fill"
       @search="filterList"
       @row-clicked="handleRowClicked"
     >

client/web/admin/src/views/System/Connection/Editor.vue

@@ -1,6 +1,6 @@
 <template>
   <b-container
-    class="py-3"
+    class="pt-2 pb-3"
   >
     <c-content-header
       :title="connectionID ? $t('title.edit') : $t('title.create')"

client/web/admin/src/views/System/Connection/Index.vue

@@ -1,6 +1,7 @@
 <template>
   <b-container
-    class="py-3 h-100"
+    fluid="xl"
+    class="d-flex flex-column flex-fill pt-2 pb-3"
   >
     <c-content-header
       :title="$t('title')"
@@ -14,7 +15,7 @@
       />
 
       <c-external-connection-list
-        class="mb-4 flex-fill"
+        class="flex-fill"
       />
 
       <!-- <c-federated-node-list /> -->

client/web/admin/src/views/System/Email/Index.vue

@@ -1,6 +1,6 @@
 <template>
   <b-container
-    class="py-3"
+    class="pt-2 pb-3"
   >
     <c-content-header
       :title="$t('title')"

client/web/admin/src/views/System/Permissions/Index.vue

@@ -1,7 +1,7 @@
 <template>
   <b-container
     fluid
-    class="d-flex flex-column h-100 py-3"
+    class="d-flex flex-column h-100 pt-2 pb-3"
   >
     <c-content-header
       :title="$t('ui.title.system')"

client/web/admin/src/views/System/Queue/Editor.vue

@@ -1,7 +1,7 @@
 <template>
   <b-container
     v-if="queue"
-    class="py-3"
+    class="pt-2 pb-3"
   >
     <c-content-header
       :title="title"

client/web/admin/src/views/System/Queue/List.vue

@@ -1,6 +1,7 @@
 <template>
   <b-container
     fluid="xl"
+    class="d-flex flex-column flex-fill pt-2 pb-3"
   >
     <c-content-header :title="$t('title')" />
 
@@ -26,7 +27,7 @@
       }"
       clickable
       sticky-header
-      class="custom-resource-list-height"
+      class="custom-resource-list-height flex-fill"
       @search="filterList"
       @row-clicked="handleRowClicked"
     >

client/web/admin/src/views/System/Role/Editor.vue

@@ -1,7 +1,7 @@
 <template>
   <b-container
     v-if="role"
-    class="py-3"
+    class="pt-2 pb-3"
   >
     <c-content-header
       :title="title"

client/web/admin/src/views/System/Role/List.vue

@@ -1,6 +1,7 @@
 <template>
   <b-container
     fluid="xl"
+    class="d-flex flex-column flex-fill pt-2 pb-3"
   >
     <c-content-header :title="$t('title')" />
 
@@ -26,7 +27,7 @@
       }"
       clickable
       sticky-header
-      class="custom-resource-list-height"
+      class="custom-resource-list-height flex-fill"
       @search="filterList"
       @row-clicked="handleRowClicked"
     >

client/web/admin/src/views/System/SensitivityLevel/Editor.vue

@@ -1,7 +1,7 @@
 <template>
   <b-container
     v-if="sensitivityLevel"
-    class="py-3"
+    class="pt-2 pb-3"
   >
     <c-content-header
       :title="title"

client/web/admin/src/views/System/SensitivityLevel/List.vue

@@ -1,6 +1,7 @@
 <template>
   <b-container
     fluid="xl"
+    class="d-flex flex-column flex-fill pt-2 pb-3"
   >
     <c-content-header :title="$t('title')" />
 
@@ -26,7 +27,7 @@
       clickable
       sticky-header
       hide-search
-      class="custom-resource-list-height"
+      class="custom-resource-list-height flex-fill"
       @row-clicked="handleRowClicked"
     >
       <template #header>

client/web/admin/src/views/System/Settings/Index.vue

@@ -1,6 +1,6 @@
 <template>
   <b-container
-    class="py-3"
+    class="pt-2 pb-3"
   >
     <c-content-header
       :title="$t('title')"

client/web/admin/src/views/System/Template/Editor.vue

@@ -1,7 +1,7 @@
 <template>
   <b-container
     v-if="template"
-    class="py-3"
+    class="pt-2 pb-3"
   >
     <c-content-header
       :title="title"

client/web/admin/src/views/System/Template/List.vue

@@ -1,6 +1,7 @@
 <template>
   <b-container
     fluid="xl"
+    class="d-flex flex-column flex-fill pt-2 pb-3"
   >
     <c-content-header :title="$t('title')" />
 
@@ -26,7 +27,7 @@
       }"
       clickable
       sticky-header
-      class="custom-resource-list-height"
+      class="custom-resource-list-height flex-fill"
       @search="filterList"
       @row-clicked="handleRowClicked"
     >

client/web/admin/src/views/System/User/Editor.vue

@@ -1,7 +1,7 @@
 <template>
   <b-container
     v-if="user"
-    class="py-3"
+    class="pt-2 pb-3"
   >
     <c-content-header
       :title="title"

client/web/admin/src/views/System/User/List.vue

@@ -1,6 +1,7 @@
 <template>
   <b-container
     fluid="xl"
+    class="d-flex flex-column flex-fill pt-2 pb-3"
   >
     <c-content-header :title="$t('title')" />
 
@@ -26,7 +27,7 @@
       }"
       clickable
       sticky-header
-      class="custom-resource-list-height"
+      class="custom-resource-list-height flex-fill"
       @search="filterList"
       @row-clicked="handleRowClicked"
     >

client/web/admin/src/views/UI/Index.vue

@@ -1,6 +1,6 @@
 <template>
   <b-container
-    class="py-3"
+    class="pt-2 pb-3"
   >
     <c-content-header
       :title="$t('title')"

client/web/compose/src/views/Admin/Charts/List.vue

@@ -28,7 +28,7 @@
       }"
       clickable
       sticky-header
-      class="h-100"
+      class="h-100 flex-fill"
       @search="filterList"
       @row-clicked="handleRowClicked"
     >

client/web/compose/src/views/Admin/Modules/List.vue

@@ -29,7 +29,7 @@
       }"
       clickable
       sticky-header
-      class="h-100"
+      class="h-100 flex-fill"
       @search="filterList"
       @row-clicked="handleRowClicked"
     >

client/web/compose/src/views/Namespace/Manage.vue

@@ -45,7 +45,7 @@
       }"
       clickable
       sticky-header
-      class="h-100"
+      class="h-100 flex-fill"
       @search="filterList"
       @row-clicked="handleRowClicked"
     >

client/web/one/src/components/CAppSelector.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="app-selector d-flex flex-column h-100"
+    class="app-selector d-flex flex-column h-100 mt-3"
   >
     <div class="d-flex justify-content-center align-items-center">
       <b-img

client/web/reporter/src/views/Report/List.vue

@@ -28,7 +28,7 @@
       }"
       sticky-header
       clickable
-      class="h-100"
+      class="h-100 flex-fill"
       @search="filterList"
       @row-clicked="viewReport"
     >

client/web/workflow/src/views/Workflow/List.vue

@@ -1,7 +1,7 @@
 <template>
   <b-container
     fluid="xl"
-    class="py-3 d-flex flex-column"
+    class="d-flex flex-column py-3"
   >
     <portal to="topbar-title">
       {{ $t('general:workflow-list') }}
@@ -29,7 +29,7 @@
       }"
       clickable
       sticky-header
-      class="h-100"
+      class="h-100 flex-fill"
       @search="filterList"
       @row-clicked="handleRowClicked"
     >