Change the layout to two columns; Parameters and document view.

style.css

@@ -1,9 +1,12 @@
 * {margin:0;padding:0;border:none;font-family:Arial,sans-serif; color:rgb(32,32,32);background-color: #E9F0F0; box-sizing:border-box; -moz-box-sizing:border-box;}
 
+html{height: 100%;}
+body{height:100%;}
+
 h1{
 	font-size: 40px;
 	color: rgb(128,128,128);
-	margin:15px;
+	padding:15px;
 }
 .field{
 	display:block;
@@ -14,7 +17,7 @@ h1{
 }
 .fieldLabel{
 	display:inline-block;
-	width:20%;
+	width:40%;
 	font-weight: bold;
 	vertical-align:top;
 	white-space: normal;
@@ -23,7 +26,7 @@ h1{
 }
 .fieldContent{
 	display:inline-block;
-	width:80%;
+	width:60%;
 	white-space: normal;
 	vertical-align:top;
 	word-break: break-word;
@@ -57,13 +60,6 @@ h1{
 	background-color: white;
 }
 
-.previewImage{
-	margin:5px;
-	border: solid 1px rgb(32,32,32);
-	max-width:200px;
-	max-height:200px;
-}
-
 #divConsoleContainer{
 	margin:5px;
 }
@@ -90,6 +86,29 @@ h1{
 	color: red;
 }
 
-.divHidden{
-	display: none;
-}
+form{
+	white-space: nowrap;
+	height: calc(100% - 120px);
+}
+
+#divColLeft{
+	box-sizing: border-box;
+	display: inline-block;
+	width:40%;
+	vertical-align:top;
+}
+
+#divColRight{
+	box-sizing: border-box;
+	display: inline-block;
+	width:59%;
+	height: 100%;
+	padding: 15px;
+	vertical-align:top;
+}
+#divColRight .previewDoc{
+	box-sizing: border-box;
+	width:100%;
+	height: calc(100% - 35px);
+	border: solid 1px rgb(32,32,32);
+}