UI fixes

src/components/SceneView.vue

@@ -1,10 +1,10 @@
 <template>
-  <a-row :gutter=4>
-    <a-col :span="6">
-      <iframe src="http://10.8.0.95:8080/" width="100%"></iframe>
+  <a-row>
+    <a-col :span="8">
       <Scene v-bind:scene="currentScene" />
+      <iframe src="http://10.8.0.95:8080/" class="videoframe"></iframe>
     </a-col>
-    <a-col :span="6" v-for="item in frames" :key="item.id">
+    <a-col :span="8" v-for="item in frames" :key="item.id">
       <Frame v-bind:scene="currentScene" v-bind:frame="item" v-bind:sources="sources"/>
     </a-col>
   </a-row>
@@ -36,3 +36,14 @@ export default {
   }
 }
 </script>
+<style scoped>
+.ant-row >>> div {
+  max-width:300px;
+}
+
+.videoframe {
+  border: none;
+  width: 100%;
+  height: 180px;
+}
+</style>

src/components/SourceSelector.vue

@@ -28,10 +28,10 @@ export default {
   methods: {
     mapState (state) {
       var map = {
-        'STALLED': 'warning',
+        'STALLED': 'error',
         'PENDING': 'warning',
-        'OK': 'success',
-        }
+        'RUNNING': 'success'
+      }
       return map[state] || 'error'
     }
   }