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;