ui: display fix

packages/ui-default/components/highlighter/highlighter.page.styl

@@ -26,8 +26,8 @@ code
   white-space: pre
 
 .sample > .toolbar
-  right: 12px !important
-  top: 59px !important
+  right: 0.7em !important
+  top: 3.7em !important
 
 .toolbar
   position: absolute

packages/ui-default/components/scratchpad/ScratchpadToolbarContainer.jsx

@@ -88,6 +88,8 @@ export default connect(mapStateToProps, mapDispatchToProps)(class ScratchpadTool
       if (UiContext.domain.langs && !`,${UiContext.domain.langs},`.includes(`,${key},`)) continue;
       LANGS[key] = window.LANGS[key];
     }
+    const keys = Object.keys(LANGS);
+    if (!keys.includes(this.props.editorLang)) this.props.setEditorLanguage(keys[0]);
     return (
       <Toolbar>
         <ToolbarButton

packages/ui-default/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.12.21",
+  "version": "4.12.22",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",