diff --git a/packages/frontend/src/components/Chain.css b/packages/frontend/src/components/Chain.css index 7fd705d..f495afa 100644 --- a/packages/frontend/src/components/Chain.css +++ b/packages/frontend/src/components/Chain.css @@ -4,6 +4,8 @@ overflow: hidden; background: #fff; color: #000; + min-width: 1350px; + position: relative; } .Chain-content-container { @@ -14,6 +16,15 @@ top: 148px; } +.Chain-content { + width: 100%; + min-width: 1350px; + min-height: 100%; + background: #222; + color: #fff; + box-shadow: rgba(0,0,0,0.5) 0 3px 30px; +} + .Chain-map { background: url('../assets/world-map.svg') no-repeat; background-size: contain; @@ -37,14 +48,6 @@ left: 50%; } -.Chain-content { - width: 100%; - min-height: 100%; - background: #222; - color: #fff; - box-shadow: rgba(0,0,0,0.5) 0 3px 30px; -} - .Chain-node-list { width: 100%; border-collapse: collapse; diff --git a/packages/frontend/src/components/Chains.css b/packages/frontend/src/components/Chains.css index 9481f6c..28dffaa 100644 --- a/packages/frontend/src/components/Chains.css +++ b/packages/frontend/src/components/Chains.css @@ -1,8 +1,10 @@ .Chains { background: #ccc; color: #000; - padding: 0 1em; + padding: 0 16px; height: 40px; + min-width: 1318px; + position: relative; } .Chains .Icon {