improved layout and fixed bugs introduced new ones

codeeditor-app/elements/resize-handle/resize-handle.less

@@ -29,6 +29,11 @@ resize-handle:hover, resize-handle.active {
     transition: none;
 }
 
+resize-handle[dir="vertical"][place='top'] {
+    top: 0;
+    bottom: auto;
+}
+
 #fixed-resize-overlay {
     position: fixed;
     left: 0;

codeeditor-app/elements/resize-handle/resize-handle.ts

@@ -105,7 +105,7 @@ export class ResizeHandle extends BaseElement {
         overlay.addEventListener("touchmove", (evt: TouchEvent) => {
             this.getIframe().style.pointerEvents = "none";
             this.classList.add("active");
-            this.setSize(targetStartSize.width + (start.x - evt.touches[0].pageX), targetStartSize.height + (start.y - evt.touches[0].pageY));
+            this.setSize(targetStartSize.width + (evt.touches[0].pageX - start.x), targetStartSize.height + (evt.touches[0].pageY - start.y));
         });
 
         overlay.addEventListener("touchend", (evt: TouchEvent) => {