add styles

ui/src/lib/camera/camera.module.scss

@@ -1,64 +1,66 @@
 .container {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  flex: 1 1 auto;
-  padding: 20px;
-  background-color: var(--white);
-  border-radius: var(--border-large);
-}
-
-.select {
-  border: 1px solid var(--black);
-  border-radius: 15px;
-  display: flex;
-  align-items: center;
-  & div {
-    padding: 5px 15px;
     display: flex;
     flex-direction: column;
+    gap: 40px;
     align-items: flex-end;
-  }
+    flex: 1 1 auto;
+    padding: 20px;
+    background-color: var(--white);
+    border-radius: var(--border-large);
+}
 
-  & div:not(:first-child) {
+.select {
-    flex-direction: row;
+    border: 1px solid var(--black);
-    gap: 5px;
+    border-radius: 15px;
+    display: flex;
     align-items: center;
-  }
 
-  & .date {
+    & div {
-    color: var(--green);
+        padding: 5px 15px;
-    font-size: 16px;
+        display: flex;
-    font-style: normal;
+        flex-direction: column;
-    font-weight: 300;
+        align-items: flex-end;
-    line-height: normal;
+    }
-  }
+
+    & div:not(:first-child) {
+        flex-direction: row;
+        gap: 5px;
+        align-items: center;
+    }
+
+    & .date {
+        color: var(--green);
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 300;
+        line-height: normal;
+    }
 
-  & .time {
+    & .time {
-    font-size: 16px;
+        font-size: 16px;
-    font-style: normal;
+        font-style: normal;
-    font-weight: 300;
+        font-weight: 300;
-    line-height: normal;
+        line-height: normal;
-  }
+    }
 
-  & .line {
+    & .line {
-    height: 100%;
+        height: 100%;
-    width: 1px;
+        width: 1px;
-    background-color: var(--black);
+        background-color: var(--black);
-  }
+    }
 
-  & .name {
+    & .name {
-    color: var(--green);
+        color: var(--green);
-    font-size: 20px;
+        font-size: 20px;
-    font-style: normal;
+        font-style: normal;
-    font-weight: 300;
+        font-weight: 300;
-    line-height: normal;
+        line-height: normal;
-  }
+    }
 
-  & .number {
+    & .number {
-    font-size: 24px;
+        font-size: 24px;
-    font-style: normal;
+        font-style: normal;
-    font-weight: 300;
+        font-weight: 300;
-    line-height: normal;
+        line-height: normal;
-  }
+    }
 }

ui/src/lib/camera/camera.tsx

@@ -1,6 +1,7 @@
 import cls from './camera.module.scss';
 import {useEffect, useState} from "react";
 import video from "../../../../apps/crud/assets/video/bitch lasagna.mp4"
+
 /* eslint-disable-next-line */
 export interface CameraProps {
 }
@@ -50,9 +51,7 @@ export function Camera(props: CameraProps) {
                     </svg>
                 </div>
             </div>
-            <div>
+            <video src={video} controls={true} autoPlay={true}/>
-                <video src={video} controls={true} autoPlay={true}/>
-            </div>
         </div>
     );
 }