add warnings and adjust button layout

public/global.css

@@ -71,12 +71,33 @@ body {
 
 .main {
   margin-top: 2rem;
+  height: calc(100% - 2rem);
   display: flex;
   flex-flow: column nowrap;
   align-items: stretch;
   justify-content: flex-start;
 }
 
+.preview-row {
+  flex: 0 1;
+}
+
+.options {
+  padding: 0.5rem 0;
+
+  flex: 1 1;
+  display: flex;
+  flex-flow: column nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+
+  overflow-y: auto;
+}
+
+.buttons-row {
+  flex: 0 1;
+}
+
 .row,
 .row-2 {
   margin: 0 0 0.5rem 0;
@@ -102,6 +123,10 @@ body {
   flex: 2 2 0;
 }
 
+.comment {
+  font-size: 0.75rem;
+}
+
 .serverlist {
   width: 100%;
   max-height: 5rem;