From f307d933929ac5c527c2c70cde1555642934f21c Mon Sep 17 00:00:00 2001
From: Volker Theile <vtheile@suse.com>
Date: Wed, 7 Feb 2018 17:53:44 +0100
Subject: [PATCH] mgr/dashboard_v2: Let the pagination input field look nicer

Signed-off-by: Volker Theile <vtheile@suse.com>
---
 .../src/app/shared/components/table/table.component.html  | 8 ++++----
 .../src/app/shared/components/table/table.component.scss  | 3 +++
 2 files changed, 7 insertions(+), 4 deletions(-)

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 aec7a2599717f..4c2e69b3021cf 100644
--- 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 fd51ca092a949..95861c8dad20a 100644
--- 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 {
-- 
2.39.5