diff --git a/css/order.css b/css/order.css index 36db29d3350757574574910400b6d7b6ea8b9827..53e27a9717ba55c510198c2c02f5bc1b652c5452 100755 --- a/css/order.css +++ b/css/order.css @@ -1,3 +1,22 @@ +.frame > h1 { + text-align: left; +} + +.submenu { + width: 100px; + height: 40px; + float: left; + border: 0.5px solid black; + margin-left: auto; + margin-right: auto; +} + +.submenu_container { + width: 360px; + margin-left: auto; + margin-right: auto; +} + #order_link { background-color: #465d43; } \ No newline at end of file diff --git a/order/order.php b/order/order.php index bad9b61694b66c246d485ea038567f1d9479e654..6eb91bd20f6f33fe8506301d51d791fe0999f86d 100644 --- a/order/order.php +++ b/order/order.php @@ -27,28 +27,26 @@ <div class="menu_container"> <?php include'../template/menu.php';?> </div> + + <h1>Make an Order</h1> + <div class="submenu_container"> + <a href="order/select_location.html"> + <div class="submenu"> + Select Destination + </div> + </a> - <div> - <h1>MAKE AN ORDER</h1> - <div style="background-color: white; max-width: 600px; margin-left: auto; margin-right: auto"> - <a href="order/select_location.html"> - <div style="width:150px; float: left; margin-left: 5%; border: 5px solid black"> - Select Destination - </div> - </a> - - <a href="order/select_driver.html"> - <div style="width:150px; float: left; margin-left: 5px; margin-right: 5px; border: 5px solid black"> - Select Driver - </div> - </a> + <a href="order/select_driver.html"> + <div class="submenu"> + Select Driver + </div> + </a> - <a href="order/complete_order.html"> - <div style="width:150px; float: left; margin-right: 5%; border: 5px solid black"> - Complete Order - </div> - </a> - </div> + <a href="order/complete_order.html"> + <div class="submenu"> + Complete Order + </div> + </a> </div> </div> </body>