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:
Manfred Stock 2021-12-28 16:15:40 +01:00 committed by Anton Schubert
parent b4837076ee
commit 937445fed4
2 changed files with 7 additions and 8 deletions

View file

@ -55,9 +55,9 @@ nav {
}
}
.navbar-time {
.button-wrapper > .navbar-time {
line-height: 27px;
padding: 25px 15px;
color: inherit;
}
.button-wrapper > .btn {

View file

@ -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>