Stylized new editor (#238)

Co-authored-by: Adam Bem <adam.bem@zoho.eu>
Reviewed-on: #238
Reviewed-by: Mikolaj Widla <widlam@noreply.example.com>

Frontend/src/components/CodeEditorComponent.vue

@@ -55,10 +55,10 @@ import {html} from '@codemirror/lang-html'
 </script>
 
 <template>
-    <div class="editor h-full overflow-scroll">
+  <div class="editor w-full max-w-full h-full overflow-scroll">
     
     <codemirror
-      style="height: 100%; padding:0.5rem ; border-radius: 0.5rem"
+      style="height: 100%; width: 100%; padding:1rem ; border-radius: 1rem; font-size: large;"
       :model-value="code"
       @update:model-value="dataUpdated"
       :extensions="extensions"