simples woka icon styling

front/src/Components/Video/VideoMediaBox.svelte

@@ -29,8 +29,8 @@
         <div class="rtc-error" />
     {/if}
     {#if !$constraintStore || $constraintStore.video === false}
-        <i style="background-color: {getColorByString(name)};">
+        <i class="container" style="background-color: {getColorByString(name)};">
-            <Woka userId={peer.userId} placeholderSrc={""} />
+            <div class="woka-icon"><Woka userId={peer.userId} placeholderSrc={""} /></div>
         </i>
     {/if}
     {#if $constraintStore && $constraintStore.audio === false}
@@ -47,3 +47,15 @@
         <SoundMeterWidget stream={$streamStore} />
     {/if}
 </div>
+
+<style>
+    .container {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .woka-icon {
+        margin-right: 3px;
+    }
+</style>

front/src/Components/Woka/Woka.svelte

@@ -29,6 +29,11 @@
         height: var(--theme-height);
         margin: 0;
         padding: 0;
+        position: static;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        top: 0;
         image-rendering: pixelated;
     }
 </style>

front/style/style.scss

@@ -62,7 +62,6 @@ body .message-info.warning{
         background-color: black;
         border-radius: 50%;
         text-align: center;
-        padding-top: 32px;
         font-size: 28px;
         color: white;
         overflow: hidden;