From 928416931c03a16cff1a8788adce04bc49018bab Mon Sep 17 00:00:00 2001
From: Nicolai Ommer <nicolai.ommer@qaware.de>
Date: Sat, 25 Aug 2018 20:28:29 +0200
Subject: [PATCH] [bugfix] Fix integration of Field in Firefox

---
 src/App.vue | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 555514ac..1d583320 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,8 +12,11 @@
             </div>
             <div class="main-middle-container">
                 <Events/>
-                <iframe :src="visionClientAddress" frameborder="none" v-if="showVisionClient"
-                        class="vision-client"></iframe>
+                <iframe :src="visionClientAddress"
+                        frameborder="none"
+                        v-if="showVisionClient"
+                        class="vision-client">
+                </iframe>
                 <div class="vision-client" v-show="!showVisionClient">
                     <p>The vision-client is shown here, if it is running.</p>
                     <p>It is expected to run at <a :href="visionClientAddress">{{visionClientAddress}}</a></p>
@@ -126,9 +129,18 @@
         flex-wrap: nowrap;
         justify-content: flex-start;
         align-content: stretch;
+        align-items: stretch;
         flex-grow: 1;
     }
 
+    @-moz-document url-prefix() {
+        /* CSS-Hack for limiting following style to Firefox only */
+        .main-middle-container {
+            /* Setting height to 100% in Chrome and Firefox has contradictory effects*/
+            height: 100%;
+        }
+    }
+
     .vision-client {
         flex-grow: 1;
         width: 100%;
@@ -151,4 +163,10 @@
         float: left;
         margin: 0.5em;
     }
+
+    iframe {
+        border: 0;
+        width: 100%;
+        height: 100%
+    }
 </style>