diff --git a/embark-ui/src/components/Explorer.css b/embark-ui/src/components/Explorer.css index 67fcfb9b8..69bd17a36 100644 --- a/embark-ui/src/components/Explorer.css +++ b/embark-ui/src/components/Explorer.css @@ -1,5 +1,9 @@ .explorer-row { - border-top-width: 0 !important; /*Bootstrap uses important, so we need to override it*/ + border-top-width: 0 !important; /*Bootstrap uses important, so we need to override it*/ +} + +.explorer-overview .card-body { + overflow: hidden; } .explorer-row + .explorer-row { diff --git a/embark-ui/src/components/ExplorerDashboardLayout.js b/embark-ui/src/components/ExplorerDashboardLayout.js index e510c1de9..ee49bd109 100644 --- a/embark-ui/src/components/ExplorerDashboardLayout.js +++ b/embark-ui/src/components/ExplorerDashboardLayout.js @@ -11,21 +11,21 @@ import TransactionsContainer from '../containers/TransactionsContainer'; import './Explorer.css'; const ExplorerDashboardLayout = () => ( - +
- + - + - +
); export default ExplorerDashboardLayout; diff --git a/embark-ui/src/components/Pagination.js b/embark-ui/src/components/Pagination.js index 4a62c377a..ca8e003c9 100644 --- a/embark-ui/src/components/Pagination.js +++ b/embark-ui/src/components/Pagination.js @@ -2,14 +2,14 @@ import React from 'react'; import {Pagination, PaginationItem, PaginationLink} from 'reactstrap'; import PropTypes from 'prop-types'; -const NB_PAGES_MAX = 14; +const NB_PAGES_MAX = 8; const Pages = ({currentPage, numberOfPages, changePage}) => { let i = currentPage - NB_PAGES_MAX / 2; if (i < 1) { i = 1; } - let max = i + NB_PAGES_MAX; + let max = i + NB_PAGES_MAX - 1; if (max > numberOfPages) { max = numberOfPages; } @@ -19,7 +19,7 @@ const Pages = ({currentPage, numberOfPages, changePage}) => { } return ( - + { e.preventDefault();