borekon/disposable-mailbox
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

optimized navigation layout

Browse Source
This commit is contained in:
Synox 2017-03-21 11:51:24 +01:00
parent 88e1bb737c
commit 0deae2a52e
2 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/client-libs/style.css
View File

@ -19,9 +19,13 @@ div.min-height {
header {
background-color: #D9E2E9;
/* leave some space on top & bottom */
/* leave some space on top */
padding-top: 5px;
padding-bottom: 5px;
}
#openRandomButton {
/* center vertically */
margin-top: 6px;
}
.sticky-header {
@ -77,3 +81,4 @@ header {
div.min-height {
min-height: 400px;
}

19
src/index.html
View File

@ -19,19 +19,26 @@
<header>
<div class="container">
<form class="form-inline" ng-submit="$ctrl.updateUsername($ctrl.inputFieldUsername)">
<form ng-submit="$ctrl.updateUsername($ctrl.inputFieldUsername)">
<small id="emailHelp" class="form-text text-muted">
You have <span class="tag tag-pill tag-default">{{$ctrl.mails.length}}</span> mails in your
mailbox:
</small>
<input id="inputFieldUsername" ng-model="$ctrl.inputFieldUsername"
placeholder="new username"
type="text" class="form-control mx-sm-3 form-control-lg" onclick="this.select()"/>
<div class="form-group row">
<div class="col-sm-8">
<button ng-click="$ctrl.randomize()" type="button" class="btn btn-outline-primary">open random</button>
<input id="inputFieldUsername" ng-model="$ctrl.inputFieldUsername"
placeholder="new username"
type="text" class="form-control form-control-lg" onclick="this.select()"/>
</div>
<div class="col-sm-2">
<button id="openRandomButton" ng-click="$ctrl.randomize()" type="button"
class="btn btn-outline-primary">open random
</button>
</div>
</div>
</form>
</div>
</header>