css improvements

Author: aorith

assets/css/07_forms.css

@@ -5,13 +5,27 @@
   margin-bottom: 6px;
 }
 
-#parse-view textarea {
-  width: 600px;
-  height: 220px;
+#parse-form {
+  width: 100%;
+
+  & fieldset {
+    width: 100%;
+
+    & fieldset {
+      width: auto;
+    }
+
+    & textarea {
+      width: 100%;
+      max-width: 450px;
+      height: 220px;
+    }
+  }
 }
 
 #parse-submit-btn {
-  width: 610px;
+  width: 100%;
+  max-width: 450px;
   padding: 10px;
 }
 
@@ -53,7 +67,6 @@ form {
   & input,
   & textarea,
   & select {
-    margin-left: 0.3rem;
     padding: 0.25rem 0.4rem;
     border: 1px solid var(--border);
     border-radius: 4px;

assets/css/10_history.css

@@ -8,7 +8,7 @@
 
   & table {
     margin-top: 10px;
-    min-width: 850px;
+    width: 100%;
     max-width: var(--view-width);
   }
 

assets/templates/partials/parse_form_partial.html

@@ -1,14 +1,12 @@
 <!-- templates/partials/parse_form_partial.html -->
 
-<form action="/" method="POST">
+<form id="parse-form" action="/" method="POST">
 	<fieldset>
-		<div class="inline-block">
-			{{ if .Logs.Textinput -}}
-			<textarea id="logsInput" name="logs" placeholder="Paste varnishlog logs here">{{ .Logs.Textinput }}</textarea>
-			{{ else }}
-			<textarea id="logsInput" name="logs" placeholder="Paste varnishlog logs here"></textarea>
-			{{ end }}
-		</div>
+		{{ if .Logs.Textinput -}}
+		<textarea id="logsInput" name="logs" placeholder="Paste varnishlog logs here">{{ .Logs.Textinput }}</textarea>
+		{{ else }}
+		<textarea id="logsInput" name="logs" placeholder="Paste varnishlog logs here"></textarea>
+		{{ end }}
 
 		<div class="inline-block">
 			<!-- Sequence settings -->

assets/templates/views/reqbuild_view.html

@@ -19,7 +19,7 @@ <h1>Request Builder</h1>
 			<fieldset>
 				<div class="form-row">
 					<label>
-						Scheme
+						Scheme:
 						<select name="scheme">
 							<option value="auto">-- Auto --</option>
 							<option value="http://">HTTP</option>
@@ -28,7 +28,7 @@ <h1>Request Builder</h1>
 					</label>
 
 					<label>
-						Headers
+						Headers:
 						<select name="headers">
 							<option value="received">Received</option>
 							<option value="processed">After VCL Processing</option>
@@ -38,7 +38,7 @@ <h1>Request Builder</h1>
 
 				<div class="form-row">
 					<label>
-						Excluded headers
+						Excluded headers:
 						<input type="text" name="excluded" value="Via, X-Forwarded-For">
 					</label>
 				</div>
@@ -48,7 +48,7 @@ <h1>Request Builder</h1>
 					<div class="form-row">
 						<label>
 							<input type="radio" name="connectTo" value="backend" checked>
-							Backend
+							Backend:
 							<select id="backend" name="backend">
 								<option value="auto">-- Auto --</option>
 								<option value="none">-- None --</option>
@@ -64,7 +64,7 @@ <h1>Request Builder</h1>
 					<div class="form-row">
 						<label>
 							<input type="radio" name="connectTo" value="custom">
-							Custom backend
+							Custom backend:
 							<input type="text" name="custom" pattern="^.+:[0-9]+$" placeholder="<HOST/IP>:<PORT>">
 						</label>
 					</div>