diff --git a/frontend/src/App.css b/frontend/src/App.css
index 6145afa90..c96d6c8ed 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -20,7 +20,6 @@ along with this program. If not, see .
text-align: left;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-size: 16px;
- min-width: 1318px;
}
.App-no-telemetry {
diff --git a/frontend/src/components/Chain/Chain.css b/frontend/src/components/Chain/Chain.css
index 8cc19ea45..7c3fe1b66 100644
--- a/frontend/src/components/Chain/Chain.css
+++ b/frontend/src/components/Chain/Chain.css
@@ -17,16 +17,11 @@ along with this program. If not, see .
*/
.Chain-content-container {
- position: absolute;
- left: 0;
- right: 0;
- bottom: 0;
- top: 148px;
+ position: relative;
}
.Chain-content {
width: 100%;
- min-width: 1350px;
min-height: 100%;
background: #2c2b2b;
color: #fff;
diff --git a/frontend/src/components/Chain/Header.css b/frontend/src/components/Chain/Header.css
index 20d06cb53..5a5519879 100644
--- a/frontend/src/components/Chain/Header.css
+++ b/frontend/src/components/Chain/Header.css
@@ -18,11 +18,10 @@ along with this program. If not, see .
.Header {
width: 100%;
- height: 108px;
+ min-height: 108px;
overflow: hidden;
background: #fff;
color: #000;
- min-width: 1350px;
position: relative;
background: linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgb(255, 255, 255) 17%), white;
}
diff --git a/frontend/src/components/Chains.css b/frontend/src/components/Chains.css
index 48b91717e..359afd202 100644
--- a/frontend/src/components/Chains.css
+++ b/frontend/src/components/Chains.css
@@ -21,7 +21,6 @@ along with this program. If not, see .
color: #000;
padding: 0 76px 0 16px;
height: 40px;
- min-width: 1350px;
position: relative;
}
diff --git a/frontend/src/components/List/List.css b/frontend/src/components/List/List.css
index ae616948c..cb0a35f99 100644
--- a/frontend/src/components/List/List.css
+++ b/frontend/src/components/List/List.css
@@ -20,6 +20,8 @@ along with this program. If not, see .
/* Prevents the list from auto-scrolling while cascading node
* updates on new block, which helps with performance. */
overflow-anchor: none;
+ overflow-x: auto;
+ min-height: 150px;
}
.List-no-nodes {
@@ -36,6 +38,7 @@ along with this program. If not, see .
.List--table {
width: 100%;
+ min-width: 1200px;
border-spacing: 0;
font-family: monospace, sans-serif;
}
diff --git a/frontend/src/components/List/List.tsx b/frontend/src/components/List/List.tsx
index a80c62dbc..54f3ba541 100644
--- a/frontend/src/components/List/List.tsx
+++ b/frontend/src/components/List/List.tsx
@@ -25,6 +25,7 @@ import { viewport } from '../../utils';
const HEADER = 148;
const TH_HEIGHT = 35;
const TR_HEIGHT = 31;
+const BOTTOM_PADDING = 40;
const ROW_MARGIN = 5;
import './List.css';
@@ -102,7 +103,7 @@ export class List extends React.Component {
return (
<>
-
+
diff --git a/frontend/src/components/Map/Map.css b/frontend/src/components/Map/Map.css
index 7cd54d024..4f98a11a4 100644
--- a/frontend/src/components/Map/Map.css
+++ b/frontend/src/components/Map/Map.css
@@ -17,7 +17,6 @@ along with this program. If not, see .
*/
.Map {
- min-width: 1350px;
background: url('../../assets/world-map.svg') no-repeat;
background-size: contain;
background-position: center;