mirror of
https://github.com/voc/streaming-website
synced 2024-11-10 06:34:17 +00:00
Move time display inside button-wrapper
That way, on narrow displays, it should appear on the same row as the buttons and not overlap the stream name/title anymore. Also use the `navbar-text` class on the text for positioning.
This commit is contained in:
parent
b4837076ee
commit
937445fed4
2 changed files with 7 additions and 8 deletions
|
@ -55,9 +55,9 @@ nav {
|
|||
}
|
||||
}
|
||||
|
||||
.navbar-time {
|
||||
.button-wrapper > .navbar-time {
|
||||
line-height: 27px;
|
||||
padding: 25px 15px;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.button-wrapper > .btn {
|
||||
|
|
|
@ -8,6 +8,11 @@
|
|||
</div>
|
||||
|
||||
<div class="nav navbar-form navbar-right button-wrapper">
|
||||
<? if(isset($room) && $room->hasSchedule()): ?>
|
||||
<span class="navbar-text navbar-time">
|
||||
Current Time
|
||||
</span>
|
||||
<? endif ?>
|
||||
<? if(!$conference->hasEnded() && $conference->hasFeedback()): ?>
|
||||
<a class="form-control btn btn-default feedback" title="Feedback" href="<?=h($conference->getFeedbackUrl())?>">
|
||||
<span class="fa fa-bullhorn"></span>
|
||||
|
@ -22,12 +27,6 @@
|
|||
<span class="fa fa-info"></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<? if(isset($room) && $room->hasSchedule()): ?>
|
||||
<div class="navbar-right navbar-time">
|
||||
Current Time
|
||||
</div>
|
||||
<? endif ?>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
|
Loading…
Reference in a new issue