From 5b6dac7d40baa57e01c0c11f483fae204b2f5090 Mon Sep 17 00:00:00 2001
From: Andy Heathershaw <andy@andys.eu>
Date: Sun, 3 Sep 2017 07:48:21 +0100
Subject: [PATCH] #13: Couple more fixes for BS4: tabs hiding text in xs/sm
 devices, analysis page card layout

---
 resources/views/themes/base/admin/analyse_album.blade.php | 6 +++---
 resources/views/themes/base/partials/tab.blade.php        | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/views/themes/base/admin/analyse_album.blade.php b/resources/views/themes/base/admin/analyse_album.blade.php
index 08a460c..c4e6e4c 100644
--- a/resources/views/themes/base/admin/analyse_album.blade.php
+++ b/resources/views/themes/base/admin/analyse_album.blade.php
@@ -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">
diff --git a/resources/views/themes/base/partials/tab.blade.php b/resources/views/themes/base/partials/tab.blade.php
index 96a7a22..51fc07d 100644
--- a/resources/views/themes/base/partials/tab.blade.php
+++ b/resources/views/themes/base/partials/tab.blade.php
@@ -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>