Merge pull request #263 from devtron-labs/fix/pagination-ui

fix: border in page number button in pagination

Author: arunjaindev

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.2.15",
+    "version": "0.2.16",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -81,7 +81,6 @@ const Pagination = ({
     const pageNoIndex = pages.findIndex((page) => page.selected)
     const visiblePages = pages.filter((page) => page.isVisible)
     return (
-        // TODO: Remove pagination-wrapper from dashboard
         <div className={rootClassName || ''}>
             <div className="page-number">
                 {offset + 1} - {lastPageNo} of {size}

src/Common/Pagination/Pagination.tsx

@@ -14,15 +14,6 @@
  * limitations under the License.
  */
 
-.pagination-wrapper {
-    display: flex;
-    align-items: center;
-    padding: 0px 24px;
-    justify-content: space-between;
-    margin: 0px;
-    background-color: var(--white);
-}
-
 .pagination {
     margin-top: 16px;
     margin-bottom: 16px;
@@ -99,6 +90,7 @@
     background-color: var(--white);
     padding: 0px;
     user-select: none;
+    border: none;
 }
 
 .page__button--icon {