try to fix small visual problems with topbar

This commit is contained in:
Tor Hveem 2013-10-16 16:04:37 +02:00
parent 0c26449e8e
commit b56e51b9d5
2 changed files with 10 additions and 5 deletions

View file

@ -93,9 +93,14 @@ input[type=text], input[type=password] {
position: fixed; position: fixed;
width: 100%; width: 100%;
height: 25px; height: 25px;
max-height: 25px;
z-index: 1; z-index: 1;
line-height: 25px; line-height: 25px;
white-space: nowrap;
} }
#topbar > * {
float: left;
}
#topbar .brand { #topbar .brand {
height: 25px; height: 25px;
padding-left: 5px; padding-left: 5px;
@ -104,9 +109,11 @@ input[type=text], input[type=password] {
height: 25px; height: 25px;
} }
#topbar .title { #topbar .title {
padding-left: 14%; padding-left: 10%;
overflow: hidden;
} }
#topbar .actions { #topbar .actions {
float: right;
} }
#topbar .dropdown-menu form { #topbar .dropdown-menu form {
padding-left: 6px; padding-left: 6px;
@ -127,8 +134,6 @@ input[type=text], input[type=password] {
font-size: smaller; font-size: smaller;
} }
#sidebar form { #sidebar form {
padding-left: 6px;
padding-right: 6px;
} }
#sidebar .badge { #sidebar .badge {

View file

@ -126,10 +126,10 @@
</div> </div>
<div class="content" ng-show="connected"> <div class="content" ng-show="connected">
<div id="topbar"> <div id="topbar">
<div class="brand pull-left"> <div class="brand">
<img alt="brand" src="img/favicon.png"> <img alt="brand" src="img/favicon.png">
</div> </div>
<div class="title pull-left"> <div class="title">
{{ pageTitle}} {{ pageTitle}}
</div> </div>
<div class="actions pull-right"> <div class="actions pull-right">