fix: Adjust the focus outline for the workspace so it is more visible (#144)

Co-authored-by: Edward Jung <[email protected]>

Author: bmxedd

test/index.html

@@ -29,18 +29,18 @@
         width: 100%;
         max-height: 100%;
         position: relative;
-        --outline-width: 3px;
+        --outline-width: 5px;
       }
 
-      .blocklyMainBackground {
-        height: calc(100% - var(--outline-width));
-        width: calc(100% - var(--outline-width));
+      .blocklyWorkspace:focus .blocklyMainBackground {
+        outline: Highlight solid var(--outline-width);
+        outline-offset: -5px;
       }
 
       .blocklyFlyout {
         top: var(--outline-width);
         left: var(--outline-width);
-        height: calc(100% - calc(var(--outline-width) * 2.5));
+        height: calc(100% - calc(var(--outline-width) * 2));
       }
 
       pre,