fix: skill issue fix not fitting on mobile screens

Author: Miodec

frontend/src/ts/commandline/lists.ts

@@ -342,9 +342,9 @@ export const commands: CommandsSubgroup = {
       exec: async (): Promise<void> => {
         // window.open("https://www.youtube.com/watch?v=dQw4w9WgXcQ");
         (document.querySelector("body") as HTMLElement).innerHTML = `
-          <div class="centerbox" style="position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events: none;">
+          <div class="centerbox" style="position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events: none;width: 100%; max-width: 800px;">
             <h1 style="font-size:3rem;margin-bottom:1rem;">Fixing skill issue...</h1>
-            <iframe width="800" height="600" src="https://www.youtube.com/embed/dQw4w9WgXcQ?si=Kr48u8WHcwvX95G7&amp;controls=0&autoplay=1&mute=0&disablekb=1&fs=0&modestbranding=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+            <iframe style="width: 100%; aspect-ratio: 4 / 3" src="https://www.youtube.com/embed/dQw4w9WgXcQ?si=Kr48u8WHcwvX95G7&amp;controls=0&autoplay=1&mute=0&disablekb=1&fs=0&modestbranding=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
           </div>
         `;
         setTimeout(() => {