fixed stylesheet for form

parkinglot/app/assets/stylesheets/application.css

@@ -4,16 +4,23 @@
 		
 body {
 	-webkit-font-feature-settings: "lnum";
-	background: grey;
+	font-family: 'Raleway';
+	background: rgba(20,20,20,0.9);
+	
 }
 
 .form-container {
+	display: block;
+	margin: 0 auto;
+	margin-top: 20px;
 	background: white;
     box-sizing: border-box;
     padding: 10px 30px 21px;
-    width: 361px;
+    padding-left: 49px;
+    width: 400px;
 }
 input {
+	box-sizing: border-box;
 	margin-top: 10px;
 	margin-bottom: 15px;
 	padding: 10px;

parkinglot/app/views/carlogs/form.html.erb

-<div style="margin:30px; padding:30px; border:solid 1px; font-size:30px;">
-	<%= form_tag("/carlogs/create", method: "post") do %>
-		<input placeholder="plate number" name="plate_number">
-		<br>
-		<label>Time In</label>
-			<input type="date" name="date_in" style="font-size:18px; border:none;">
-			<input type="time" name="time_in">
-		<br>
-		<label>Time out</label>
-			<input type="date" name="date_out">
-			<input type="time" name="time_out">
-		<br>
-		<select name="color">
-			<option value="black">Black</option>
-			<option value="blue">Blue</option>
-			<option value="green">Green</option>
-			<option value="navy">Navy</option>
-			<option value="red">Red</option>
-			<option value="gray">Gray</option>
-			<option value="white">White</option>
-			<option value="yellow">Yellow</option>
-		</select>
-		
-		<select name="brand">
-			<option value="Aston Martin">Aston Martin</option>
-			<option value="Audi">Audi</option>
-			<option value="BMW">BMW</option>
-			<option value="Chevrolet">Chevrolet</option>
-			<option value="Dodge">Dodge</option>
-			<option value="Honda">Honda</option>
-			<option value="Hyundai">Hyundai</option>
-			<option value="Jaguar">Jaguar</option>
-			<option value="Jeep">Jeep</option>
-			<option value="KIA">KIA</option>
-			<option value="Lamborghini">Lamborghini</option>
-			<option value="Lexus">Lexus</option>
-			<option value="Mazda">Mazda</option>
-			<option value="Maserati">Maserati</option>
-			<option value="Porsche">Porsche</option>
-			<option value="Rolls Royce">Rolls Royce</option>
-			<option value="Toyota">Toyota</option>
-			<option value="Volvo">Volvo</option>
-		</select>
 
-		<input type="submit">
-	<%end%>
-</div>
\ No newline at end of file
+<div class="form-container">
+	<h1 class="form-title">Record New Log</h1>
+<%= form_tag("/carlogs/create", method: "post") do %>
+<label>Plate Number</label>
+<input class="platenumber" placeholder="plate number" name="plate_number">
+<br>
+<label>Time In</label>
+<input type="date" name="date_in">
+<input type="time" name="time_in">
+<br>
+<label>Time out</label>
+<input type="date" name="date_out">
+<input type="time" name="time_out">
+<br>
+
+<div class="select">
+<label>Color</label>
+<select  name="color">
+	<option value="black">Black</option>
+	<option value="blue">Blue</option>
+	<option value="green">Green</option>
+	<option value="navy">Navy</option>
+	<option value="red">Red</option>
+	<option value="gray">Gray</option>
+	<option value="white">White</option>
+	<option value="yellow">Yellow</option>
+</select>
+<div class="select__arrow"></div>
+</div>
+
+<div class="select">
+<label>Brand</label>
+<select name="brand">
+
+	<option value="Aston Martin">Aston Martin</option>
+	<option value="Audi">Audi</option>
+	<option value="BMW">BMW</option>
+	<option value="Chevrolet">Chevrolet</option>
+	<option value="Dodge">Dodge</option>
+	<option value="Honda">Honda</option>
+	<option value="Hyundai">Hyundai</option>
+	<option value="Jaguar">Jaguar</option>
+	<option value="Jeep">Jeep</option>
+	<option value="KIA">KIA</option>
+	<option value="Lamborghini">Lamborghini</option>
+	<option value="Lexus">Lexus</option>
+	<option value="Mazda">Mazda</option>
+	<option value="Maserati">Maserati</option>
+	<option value="Porsche">Porsche</option>
+	<option value="Rolls Royce">Rolls Royce</option>
+	<option value="Toyota">Toyota</option>
+	<option value="Volvo">Volvo</option>
+	
+</select>
+<div class="select__arrow"></div>
+</div>
+<input type="submit">
+<%end%>
+</div>
+
+
+