mgr/dashboard_v2: Let the pagination input field look nicer

Signed-off-by: Volker Theile <vtheile@suse.com>

diff --git a/src/pybind/mgr/dashboard_v2/frontend/src/app/shared/components/table/table.component.html b/src/pybind/mgr/dashboard_v2/frontend/src/app/shared/components/table/table.component.html
index aec7a2599717fcd79eff77d129e786cc45f12082..4c2e69b3021cf2b7997e001e2b9e8ebdc348cf95 100644 (file)
--- a/src/pybind/mgr/dashboard_v2/frontend/src/app/shared/components/table/table.component.html
+++ b/src/pybind/mgr/dashboard_v2/frontend/src/app/shared/components/table/table.component.html
@@ -12,8 +12,7 @@
       <span class="input-group-addon">
         <i class="glyphicon glyphicon-search"></i>
       </span>
-      <input
-             class="form-control"
+      <input class="form-control"
              type="text"
              [(ngModel)]="search"
              (keyup)='updateFilter($event)'>
@@ -28,8 +27,9 @@
     <!-- end search -->
 
     <!-- pagination limit -->
-    <div class="dataTables_length widget-toolbar">
-      <input type="number"
+    <div class="input-group dataTables_paginate">
+      <input class="form-control"
+             type="number"
              min="1"
              max="9999"
              [value]="limit"

diff --git a/src/pybind/mgr/dashboard_v2/frontend/src/app/shared/components/table/table.component.scss b/src/pybind/mgr/dashboard_v2/frontend/src/app/shared/components/table/table.component.scss
index fd51ca092a949f2b8f09af15ba0f9e52d01a1bc8..95861c8dad20aa0bd148ca28a81290e244b78eb8 100644 (file)
--- a/src/pybind/mgr/dashboard_v2/frontend/src/app/shared/components/table/table.component.scss
+++ b/src/pybind/mgr/dashboard_v2/frontend/src/app/shared/components/table/table.component.scss
@@ -74,6 +74,9 @@
       }
     }
   }
+  .input-group.dataTables_paginate {
+    width: 8%;
+  }
 }
 
 ::ng-deep .oadatatable {