feat(stub): move preview to the right

Valentin Vetter · Valentin Vetter · commit 50ddde9549d7 · 2019-09-19T15:59:50.000+02:00
diff --git a/runner/src/main/resources/view/stub.css b/runner/src/main/resources/view/stub.css
@@ -4,6 +4,8 @@ body {
 }
 
 body {
+  display: flex;
+  padding: 10px;
   color: white;
   font-family: 'Open Sans', Lato, sans-serif;
   font-weight: 400;
@@ -37,7 +39,8 @@ button {
 
 #stubInput {
   width: 600px;
-  height: 200px;
+  height: 230px;
+  padding: 3px;
 }
 
 #save {
@@ -62,6 +65,14 @@ button {
   cursor: default;
 }
 
+.edit {
+  flex: none;
+}
+
+.preview {
+  flex: 1;
+}
+
 .edit,
 .preview {
   margin: 10px;
diff --git a/runner/src/main/resources/view/stub.html b/runner/src/main/resources/view/stub.html
@@ -11,10 +11,11 @@
 
 <body onload="load()">
   <div class="edit">
-    <div class="edit-title">Edit</div>
-    <textarea id="stubInput" onkeyup="handleChangeStubInput()"></textarea>
+    <div class="edit-title">Edit stub</div>
+    <textarea id="stubInput" onkeyup="handleChangeStubInput()" spellcheck="false"></textarea>
     <button id="save" onclick="save()" disabled>Saved</button>
   </div>
+
   <div class="preview">
     <div class="preview-title">Preview</div>
     <select id="language" onchange="refreshStub()">
