From 1d7b457ced87fe1a946fb4c3e6158e5ba900d6b2 Mon Sep 17 00:00:00 2001
From: ayamberkakienam <zackhardyz@gmail.com>
Date: Thu, 5 Oct 2017 16:41:54 +0700
Subject: [PATCH] Adjusting submenu button
---
css/order.css | 19 +++++++++++++++++++
order/order.php | 38 ++++++++++++++++++--------------------
2 files changed, 37 insertions(+), 20 deletions(-)
diff --git a/css/order.css b/css/order.css
index 36db29d3..53e27a97 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 bad9b616..6eb91bd2 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>
--
GitLab