stc

commit 759d8509ffebe79aeb5bc52b241a703f995d3343
parent 40311fee1c80eb7e98300083480ef826df8c568f
Author: Brennen T. Mazur <brennen@madis.cool>
Date:   Thu, 12 Jan 2023 11:49:21 -0700

cleaned up display of fleet widget

Diffstat:
M
static/css/main.css
 | 
9
+++++++++
M
templates/fleet/widget.html
 | 
24
+++++++++++++-----------

2 files changed, 22 insertions(+), 11 deletions(-)
diff --git a/static/css/main.css b/static/css/main.css
@@ -50,6 +50,15 @@ a,a.visited,a.hover {
 	background-color: var(--widgetbg);
 	border-radius:.5em;
 }
+/***####### FLEET WIDGET #######***/
+.safetychecks{
+	display:block;
+	text-align:center;
+}
+.fleet #notes {
+	width:100%;
+}
+/********** END WIDGETS **********/
 /********** PRIMARY LAYOUTS **********/
 .base-grid,.admin-grid {
 	display: grid;
diff --git a/templates/fleet/widget.html b/templates/fleet/widget.html
@@ -5,19 +5,21 @@
 			<option value="vehicle1">vehicle1</option><!-- for/while loop displaying each $vehicleID user has permission for -->
 			<option value="vehicle2" selected>vehicle2</option>
 			<option value="vehicle3">vehicle3</option>
-		</select>
+		</select></br>
 		<label for="startMileage">Starting Mileage</label>
 		<input type="number" id="startMileage" name="startMileage" value="102416" min="102416" required><!-- min is last vehicleID.endMileage ask about potential maximum value? -->
 		<!-- Should safety checks be a seperate form? -->
-		<label for="safetyItem1">Safety Check 1</label>
-		<input type="checkbox" name="safetyItem1" value="safetyItem1" required>
-		<label for="safetyItem2">Safety Check 2</label>
-		<input type="checkbox" name="safetyItem2" value="safetyItem2" required>
-		<label for="safetyItem3">Safety Check 3</label>
-		<input type="checkbox" name="safetyItem3" value="safetyItem3" required>
-		<label for="safetyItem4">Safety Check 4</label>
-		<input type="checkbox" name="safetyItem4" value="safetyItem4" required>
-		<input type="text" value="Additonal Inspection Notes">
-		<input type="submit" value="Checkout Vehicle">
+		<div class="safetychecks">
+			<label for="safetyItem1">Safety Check 1</label>
+			<input type="checkbox" name="safetyItem1" value="safetyItem1" required></br>
+			<label for="safetyItem2">Safety Check 2</label>
+			<input type="checkbox" name="safetyItem2" value="safetyItem2" required></br>
+			<label for="safetyItem3">Safety Check 3</label>
+			<input type="checkbox" name="safetyItem3" value="safetyItem3" required></br>
+			<label for="safetyItem4">Safety Check 4</label>
+			<input type="checkbox" name="safetyItem4" value="safetyItem4" required></br>
+		</div>
+			<input type="text" id="notes" value="Additonal Inspection Notes"></br>
+			<input type="submit" value="Checkout Vehicle">
 	</form>
 </section>