From d10fb4a1e1e92e8a73c9eebd2f77e64dc7c848be Mon Sep 17 00:00:00 2001
From: maciejhirsz <maciej.hirsz@gmail.com>
Date: Tue, 17 Jul 2018 17:15:34 +0200
Subject: [PATCH] Min-width on map

---
 packages/frontend/src/components/Chain.css | 1 +
 packages/frontend/src/components/Chain.tsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/frontend/src/components/Chain.css b/packages/frontend/src/components/Chain.css
index 860903a..7955e1a 100644
--- a/packages/frontend/src/components/Chain.css
+++ b/packages/frontend/src/components/Chain.css
@@ -43,6 +43,7 @@
 }
 
 .Chain-map {
+  min-width: 1350px;
   background: url('../assets/world-map.svg') no-repeat;
   background-size: contain;
   background-position: center;
diff --git a/packages/frontend/src/components/Chain.tsx b/packages/frontend/src/components/Chain.tsx
index ffa49ac..65f342e 100644
--- a/packages/frontend/src/components/Chain.tsx
+++ b/packages/frontend/src/components/Chain.tsx
@@ -186,6 +186,7 @@ export class Chain extends React.Component<Chain.Props, Chain.State> {
   private calculateMapDimensions: () => void = () => {
     const vp = viewport();
 
+    vp.width = Math.max(1350, vp.width);
     vp.height -= HEADER;
 
     const ratio = vp.width / vp.height;