Split edit view to two windows.

entries/static/entries/js/components/LexicalUnitEdit.js

@@ -783,6 +783,13 @@ Object.assign(LexicalUnitEdit, {
         },
       });
     }
+
+    Split(['#semantics-unified-frame-pane', '#semantics-slowal-frames-pane'], {
+      sizes: [60, 40],
+      direction: 'vertical',
+      gutterSize: 4,
+    });
+
     if(this.unifiedFrameId) {
       this.loadFrame();
     }
@@ -790,6 +797,7 @@ Object.assign(LexicalUnitEdit, {
   template: `
     <div class="col h-100 px-1 pt-0 pb-0 overflow-auto" id="semantics-frames-pane">
     
+      <div id="semantics-unified-frame-pane" class="col w-100 p-0 overflow-auto">
       <table v-if="readOnly" class="table-button-menu" style="max-width: 50px" cellspacing="1">
         <tr style="background-color: white;">
           <td id="change-title" @click="changePreviewToEditClick" style="padding: 10px 15px 10px 15px; color: #000000;">Edytuj</td>
@@ -896,8 +904,8 @@ Object.assign(LexicalUnitEdit, {
             </table>
           </div>
       </div>
-
-
+      </div>
+      <div id="semantics-slowal-frames-pane" class="col w-100 p-0 overflow-auto">
       <table v-if="!readOnly && unified_frame.id" class="table-button-menu" cellspacing="1">
         <tr style="background-color: white;">
           <td id="wrong-frame" style="padding: 10px 15px 10px 15px; color: #000000;">Błędna</td>
@@ -965,6 +973,7 @@ Object.assign(LexicalUnitEdit, {
         </div>
       </div>
     </div>
+    </div>
     <div v-if="!readOnly" class="col h-100 px-1 pt-0 pb-0 overflow-auto" id="semantics-schemata-pane">
       <ul class="nav nav-pills nav-justified p-1" id="entryTabs" role="tablist">
         <li