From a1f0b81dfffe2dc2d955873d6c7f12a2d1214b41 Mon Sep 17 00:00:00 2001
From: Jake Archibald <jaffathecake@gmail.com>
Date: Tue, 9 Oct 2018 13:34:38 +0100
Subject: [PATCH] Fixing resize again. Fixes #183. (#184)

---
 src/components/Output/index.tsx  | 2 ++
 src/components/Output/style.scss | 4 ++++
 2 files changed, 6 insertions(+)

diff --git a/src/components/Output/index.tsx b/src/components/Output/index.tsx
index 96a12511..fe461e2d 100644
--- a/src/components/Output/index.tsx
+++ b/src/components/Output/index.tsx
@@ -170,6 +170,7 @@ export default class Output extends Component<Props, State> {
             ref={linkRef(this, 'pinchZoomLeft')}
           >
             <canvas
+              class={style.outputCanvas}
               ref={linkRef(this, 'canvasLeft')}
               width={leftImg.width}
               height={leftImg.height}
@@ -182,6 +183,7 @@ export default class Output extends Component<Props, State> {
           </pinch-zoom>
           <pinch-zoom ref={linkRef(this, 'pinchZoomRight')}>
             <canvas
+              class={style.outputCanvas}
               ref={linkRef(this, 'canvasRight')}
               width={rightImg.width}
               height={rightImg.height}
diff --git a/src/components/Output/style.scss b/src/components/Output/style.scss
index 5c760c96..511d0f0f 100644
--- a/src/components/Output/style.scss
+++ b/src/components/Output/style.scss
@@ -137,3 +137,7 @@ Note: These styles are temporary. They will be replaced before going live.
     border-bottom-right-radius: 0;
   }
 }
+
+.output-canvas {
+  flex-shrink: 0;
+}