From eb61deb359c5e455c626fc193f42f6ca3b85bae8 Mon Sep 17 00:00:00 2001
From: Iqbal <iqbalkhowarizmi@ymail.com>
Date: Sat, 7 Oct 2017 15:12:50 +0700
Subject: [PATCH] Arranged some user interface elements.
---
public/style.css | 21 +++++++++++++++++++++
src/view/login.php | 8 ++++----
src/view/register.php | 11 ++++++-----
3 files changed, 31 insertions(+), 9 deletions(-)
diff --git a/public/style.css b/public/style.css
index 9634171..84789bf 100644
--- a/public/style.css
+++ b/public/style.css
@@ -217,10 +217,31 @@ table, th, td {
height: 17px;
content: "";
}
+/* Login Page */
+
+.login-input {
+ margin: 5px 0 5px 0;
+}
+
+.login-link {
+ float: right;
+ margin-top: 10px;
+}
/* Register Page */
+#sign-up-btn {
+ float: right;
+}
+.register-link {
+ float: left;
+ margin-top: 8px;
+}
+
+.checkbox {
+ margin: 10px 0 10px 0;
+}
.available {
background-color: greenyellow;
diff --git a/src/view/login.php b/src/view/login.php
index 935497c..ac51ce2 100644
--- a/src/view/login.php
+++ b/src/view/login.php
@@ -21,13 +21,13 @@
<fieldset>
<legend>Login:</legend>
Username: <br>
- <input type="text" placeholder="Username" name="username">
+ <input class="login-input" type="text" placeholder="Username" name="username">
<br>
Password: <br>
- <input type="password" placeholder="Password" name="password">
+ <input class="login-input" type="password" placeholder="Password" name="password">
<br>
- <input class="btn" type="submit" value="Login">
- <a href="/index.php/register">Don't have an account?</a>
+ <input class="btn login-input" type="submit" value="Login">
+ <a class="login-link" href="/index.php/register">Don't have an account?</a>
<br>
</fieldset>
</form>
diff --git a/src/view/register.php b/src/view/register.php
index 13f9e42..e2205db 100644
--- a/src/view/register.php
+++ b/src/view/register.php
@@ -13,10 +13,10 @@
</div>
<div class="row">
- <div class="col-1">
+ <div class="col-2">
</div>
- <div class="col-4">
+ <div class="col-2">
<form id="register-form" method="post" action="/index.php/register">
<fieldset>
<legend>Sign Up</legend>
@@ -70,14 +70,15 @@
</td>
</tr>
</table>
- <input type="checkbox" value="is-driver" name="is_driver"> I want to be a driver as well!
+ <input class="checkbox" id="driver-ckbox" type="checkbox" value="is-driver" name="is_driver"> I want to be a driver as well!
<br>
- <input id="sign-up-btn" type="submit" value="Sign up" disabled>
+ <a class="register-link" href="/index.php/login">Already have an account?</a>
+ <input class="btn" id="sign-up-btn" type="submit" value="Sign up" disabled>
<br>
</fieldset>
</form>
</div>
- <div class="col-1">
+ <div class="col-2">
</div>
</div>
--
GitLab