Skip to content

Commit

Permalink
[frontend_web] All forms are now horizontal/inline.
Browse files Browse the repository at this point in the history
  • Loading branch information
@manasb-uoe
manasb-uoe committed Aug 6, 2015
1 parent 5a9df54 commit e28c073
Showing 1 changed file with 52 additions and 24 deletions.
76 changes: 52 additions & 24 deletions frontend_web/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -79,17 +79,25 @@ <h3>Heading 2</h3>
<h3>Account information</h3>
</div>
<div class="row">
<div class="col-md-6">
<form id="update-account-form">
<div class="col-md-8">
<form id="update-account-form" class="form-horizontal">
<div class="form-group">
<label for="update-account-email-input">Email</label>
<input class="form-control input-sm" id="update-account-email-input" type="email" value="{{user.email}}" required>
<label class="col-sm-3 control-label" for="update-account-email-input">Email</label>
<div class="col-sm-9">
<input class="form-control input-sm" id="update-account-email-input" type="email" value="{{user.email}}" required>
</div>
</div>
<div class="form-group">
<label for="update-account-name-input">Name</label>
<input class="form-control input-sm" id="update-account-name-input" value="{{user.name}}" required>
<label class="col-sm-3 control-label" for="update-account-name-input">Name</label>
<div class="col-sm-9">
<input class="form-control input-sm" id="update-account-name-input" value="{{user.name}}" required>
</div>
</div>
<div class=" form-group">
<div class="col-sm-offset-3 col-sm-9">
<button type="submit" class="btn btn-primary btn-sm">Update account</button>
</div>
</div>
<button type="submit" class="btn btn-primary btn-sm">Update account</button>
</form>
</div>
</div>
Expand Down Expand Up @@ -151,16 +159,24 @@ <h3>Login</h3>

<div class="row">
<div class="col-md-6">
<form id="login-form">
<form class="form-horizontal" id="login-form">
<div class="form-group">
<label for="login-email-input">Email</label>
<input class="form-control input-sm" placeholder="Email" type="email" id="login-email-input" required>
<label class="control-label col-sm-3" for="login-email-input">Email</label>
<div class="col-sm-9">
<input class="form-control input-sm" placeholder="Email" type="email" id="login-email-input" required>
</div>
</div>
<div class="form-group">
<label for="login-password-input">Password</label>
<input class="form-control input-sm" type="password" placeholder="Password" id="login-password-input" required>
<label class="control-label col-sm-3" for="login-password-input">Password</label>
<div class="col-sm-9">
<input class="form-control input-sm" type="password" placeholder="Password" id="login-password-input" required>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-3 col-sm-9">
<button class="btn btn-primary btn-sm" type="submit" id="login-submit-button">Login</button>
</div>
</div>
<button class="btn btn-primary btn-sm" type="submit" id="login-submit-button">Login</button>
</form>

<hr>
Expand All @@ -187,29 +203,41 @@ <h3>Create account</h3>
</div>

<div class="row">
<div class="col-md-6">
<form id="create-account-form">
<div class="col-md-8">
<form class="form-horizontal" id="create-account-form">
<div class="form-group">
<label for="create-account-email-input">Email</label>
<input class="form-control input-sm" id="create-account-email-input" type="email" placeholder="Email" autocomplete="off" required>
<label class="control-label col-sm-3" for="create-account-email-input">Email</label>
<div class="col-sm-9">
<input class="form-control input-sm" id="create-account-email-input" type="email" placeholder="Email" autocomplete="off" required>
</div>
</div>

<div class="form-group">
<label for="create-account-name-input">Name</label>
<input class="form-control input-sm" id="create-account-name-input" placeholder="Name" autocomplete="off" required>
<label class="control-label col-sm-3" for="create-account-name-input">Name</label>
<div class="col-sm-9">
<input class="form-control input-sm" id="create-account-name-input" placeholder="Name" autocomplete="off" required>
</div>
</div>

<div class="form-group">
<label for="create-account-password-input">Password</label>
<input class="form-control input-sm" id="create-account-password-input" type="password" placeholder="Password" autocomplete="off" required>
<label class="control-label col-sm-3" for="create-account-password-input">Password</label>
<div class="col-sm-9">
<input class="form-control input-sm" id="create-account-password-input" type="password" placeholder="Password" autocomplete="off" required>
</div>
</div>

<div class="form-group">
<label for="create-account-confirm-password-input">Confirm password</label>
<input class="form-control input-sm" id="create-account-confirm-password-input" type="password" placeholder="Confirm password" autocomplete="off" required>
<label class="control-label col-sm-3" for="create-account-confirm-password-input">Confirm password</label>
<div class="col-sm-9">
<input class="form-control input-sm" id="create-account-confirm-password-input" type="password" placeholder="Confirm password" autocomplete="off" required>
</div>
</div>

<button class="btn btn-primary btn-sm" type="submit" id="create-account-submit-button">Create account</button>
<div class="form-group">
<div class="col-sm-offset-3 col-sm-9">
<button class="btn btn-primary btn-sm" type="submit" id="create-account-submit-button">Create account</button>
</div>
</div>
</form>
</div>
</div>
Expand Down

0 comments on commit e28c073

Please sign in to comment.