#13: Couple more fixes for BS4: tabs hiding text in xs/sm devices, analysis page card layout

This commit is contained in:
Andy Heathershaw 2017-09-03 07:48:21 +01:00
parent b99f91ee34
commit 5b6dac7d40
2 changed files with 4 additions and 4 deletions

View File

@ -4,10 +4,10 @@
@section('content')
<div class="container" style="margin-top: 40px;">
<div class="row">
<div class="col-sm-8 offset-sm-2" id="analyse-album">
<div class="col-sm-8 mr-sm-auto ml-sm-auto" id="analyse-album">
<div class="card" v-if="!isCompleted">
<div class="card-header">Analysing...</div>
<div class="card-block">
<div class="card-body">
<p>Your uploaded photos are now being analysed.</p>
<div class="progress">
@ -38,7 +38,7 @@
<div class="card" v-if="isCompleted">
<div class="card-header">Upload completed</div>
<div class="card-block">
<div class="card-body">
<p>Your upload has completed.</p>
<div v-if="numberFailed > 0">

View File

@ -1,6 +1,6 @@
<li role="presentation" class="nav-item">
<a class="nav-link{{ $active_tab == $tab_name ? ' active' : '' }}" href="#{{ $tab_name }}-tab" aria-controls="{{ $tab_name }}-tab" role="tab" data-toggle="tab">
<i class="fa fa-fw fa-{{ $tab_icon }}"></i>
<span class="hidden-sm-down">{{ $tab_text }}</span>
<span class="d-none d-md-inline">{{ $tab_text }}</span>
</a>
</li>