Bnerin bug css halaman order

css/order.css

@@ -11,6 +11,7 @@
 	display: table;
 	border-collapse: separate;
 	border-spacing: 10px;
+	margin-bottom: 5px;
 }
 
 .submenu {
@@ -22,17 +23,10 @@
 	position: relative;
 }
 
-.submenu br {
-	clear:both;
-}
-
 .submenu_active {
 	background-color: #fffe9f; 
 }
 
-.submenu.left {
-
-}
 .submenu.mid {
 	margin: 0 5% 0;
 }
@@ -77,19 +71,25 @@ div.step_name {
 }
 
 .content {
-	width: 350px;
+	width: 100%;
+	padding-left: 0px;
 	margin: 5px;
 }
 
+.content div {
+	width: 100%;
+	margin-bottom: 10px;
+}
+
 .content span {
-	width: 35%;
+	width: 30%;
 	margin-right: auto;
+	float: left;
 }
 
 .content input[type=text] {
-	width: 65%;
+	width: 63%;
 	height: 20px;
-	float: right;
 }
 
 .content input[type=submit] {
@@ -105,9 +105,6 @@ div.step_name {
 	margin: 7px 0;
 }
 
-#preferred_driver {
-}
-
 .star {
 	size: 300%;
 	color: yellow;
@@ -119,6 +116,7 @@ div.step_name {
 
 #driver_table_container {
 	overflow-y: auto;
+	overflow-x: hidden;
 	height: inherit;
 }
 
@@ -152,7 +150,8 @@ table.driver_table p {
 
 td.driver_column {
 	padding-top: 5px;
-	padding-left: 30px;
+	padding-right: 10px;
+	padding-left: 20px;
 }
 
 table.driver_table tr td.driver_column {

order/select_location.php

@@ -68,7 +68,7 @@
 			<form method="post" action=<?php echo "select_driver.php?id=" . $user_id;?>>
 				<div class="content" id="select_destination">
 					<div>
-						<span style="width: 30%;">Picking point</span>
+						<span>Picking point</span>
 						<input type="text" name="picking_point">
 					</div>
 					<div>