fixed Woka picture positioning

front/src/Components/Menu/MenuIcon.svelte

@@ -16,7 +16,9 @@
 <svelte:window/>
 
 <main class="menuIcon">
-    <div class="nes-pointer woka" on:click|preventDefault={showMenu}><Woka userId={-1}/></div>
+    <div class="nes-pointer woka" on:click|preventDefault={showMenu}>
+      <Woka userId={-1}/>
+    </div>
     <img src={logoTalk} alt="open menu" class="nes-pointer" on:click|preventDefault={showChat}>
 </main>
 
@@ -33,6 +35,12 @@
       margin: 3px;
       image-rendering: pixelated;
     }
+    .woka {
+      pointer-events: auto;
+      width: 60px;
+      padding-top: 0;
+      margin: 3px;
+    }
   }
   .menuIcon img:hover{
     transform: scale(1.2);

front/src/Components/Video/VideoMediaBox.svelte

@@ -45,13 +45,4 @@
     {#if $constraintStore && $constraintStore.audio !== false}
         <SoundMeterWidget stream={$streamStore} />
     {/if}
-</div>
-
-<style lang="scss">
-    .video-container i img {
-        display: block;
-        // left: calc(50% - 45px);
-        // top: calc(50% - 45px);
-        padding: 30;
-    }
-</style>
+</div>

front/src/Components/Woka/Woka.svelte

@@ -25,7 +25,10 @@ import { onDestroy } from 'svelte';
         pointer-events: auto;
         width: 60px;
         height: 60px;
-        margin: 3px;
+        left: calc(50% - 30px);
+        top: calc(50% - 30px);
+        margin: 0;
+        padding: 0;
         image-rendering: pixelated;
     }
 </style>