From 596f3adc0b42933f2255e6999b15464a7516c0c5 Mon Sep 17 00:00:00 2001
From: busti <mbust@live.de>
Date: Sat, 21 Dec 2019 19:29:27 +0100
Subject: [PATCH] align webcam feed with image view

---
 src/components/EditItem.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/EditItem.vue b/src/components/EditItem.vue
index 2224a70..e002ad1 100644
--- a/src/components/EditItem.vue
+++ b/src/components/EditItem.vue
@@ -6,7 +6,13 @@
         :src="item.dataImage || `https://c3lf.de/api/1/thumbs/${item.file}`"
         alt="Image not available."
       />
-      <video v-if="capturing" ref="video" class="img-fluid">Video stream not available.</video>
+      <video
+        v-if="capturing"
+        ref="video"
+        class="img-fluid rounded mx-auto d-block mb-3"
+      >
+        Video stream not available.
+      </video>
       <canvas ref="canvas" class="img-fluid d-none"/>
       <div v-if="capturing && !streaming" class="d-flex justify-content-center">
           <div class="spinner-grow text-danger" role="status">