fit task control to screen

src/views/TakeControl.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="q-pa-none q-ma-none">
-    <div class="row q-pb-xs q-pl-md">
+  <div>
+    <q-bar>
       <span class="text-caption">
         Agent Status:
         <q-badge :color="statusColor" :label="status" />
@@ -16,9 +16,9 @@
       />
       <q-btn color="negative" size="sm" label="Recover Connection" icon="fas fa-first-aid" @click="repairMeshCentral" />
       <q-space />
-    </div>
+    </q-bar>
 
-    <q-video v-show="control" :ratio="16 / 9" :src="control" style="padding-bottom: 51%"></q-video>
+    <q-video v-show="control" :src="control" :style="{ height: `${$q.screen.height - 26}px` }"></q-video>
   </div>
 </template>