From cff66e72d61b58c64516f4a6e3ba2d6a793db4eb Mon Sep 17 00:00:00 2001
From: Andy Heathershaw <andy@andysh.uk>
Date: Tue, 7 Aug 2018 09:03:47 +0100
Subject: [PATCH] #94: Child albums now display as 6 and 6 columns on mobile
 (xs) devices. Pager links are also centered.

---
 .../views/themes/base/gallery/album_default.blade.php  | 10 +++++-----
 .../views/themes/base/gallery/album_empty.blade.php    |  4 ++--
 .../themes/base/gallery/album_slideshow.blade.php      |  2 +-
 .../views/themes/base/partials/pager_links.blade.php   |  2 +-
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/resources/views/themes/base/gallery/album_default.blade.php b/resources/views/themes/base/gallery/album_default.blade.php
index 8dfd0b7..4096111 100644
--- a/resources/views/themes/base/gallery/album_default.blade.php
+++ b/resources/views/themes/base/gallery/album_default.blade.php
@@ -41,11 +41,11 @@
                     </div>
                 </div>
             @endforeach
+        </div>
 
-            <div class="row" style="margin-top: 15px;">
-                <div class="col text-center">
-                    {{ $photos->links() }}
-                </div>
+        <div class="row" style="margin-top: 15px;">
+            <div class="col text-center">
+                {{ $photos->links() }}
             </div>
         </div>
 
@@ -57,7 +57,7 @@
 
                     <div class="row">
                         @foreach ($child_albums as $childAlbum)
-                            <div class="col-sm-4 col-md-3 text-left" style="max-width: 250px;">
+                            <div class="col-6 col-sm-4 col-md-3 text-left" style="max-width: 250px;">
                                 <div class="card mb-3">
                                     <img class="card-img-top" src="{{ $childAlbum->thumbnailUrl('preview') }}" style="max-height: 120px;"/>
                                     <div class="card-body">
diff --git a/resources/views/themes/base/gallery/album_empty.blade.php b/resources/views/themes/base/gallery/album_empty.blade.php
index 9000feb..f497fba 100644
--- a/resources/views/themes/base/gallery/album_empty.blade.php
+++ b/resources/views/themes/base/gallery/album_empty.blade.php
@@ -27,12 +27,12 @@
 
                     <img src="{{ asset('themes/base/images/smartphone-photo.jpg') }}" class="img-fluid rounded" style="display: inline;" />
                 @else
-                    <h2><small class="text-muted">@lang('gallery.other_albums_heading', ['album_name' => $album->name])</small></h2>
+                    <h2 class="mt-4"><small class="text-muted">@lang('gallery.other_albums_heading', ['album_name' => $album->name])</small></h2>
                     <p class="mb-4">@lang('gallery.other_albums_description_empty', ['album_name' => $album->name])</p>
 
                     <div class="row">
                         @foreach ($child_albums as $childAlbum)
-                            <div class="col-sm-4 col-md-3 text-left" style="max-width: 250px;">
+                            <div class="col-6 col-sm-4 col-md-3 text-left" style="max-width: 250px;">
                                 <div class="card mb-3">
                                     <img class="card-img-top" src="{{ $childAlbum->thumbnailUrl('preview') }}" style="max-height: 120px;"/>
                                     <div class="card-body">
diff --git a/resources/views/themes/base/gallery/album_slideshow.blade.php b/resources/views/themes/base/gallery/album_slideshow.blade.php
index b9dae1e..adc8646 100644
--- a/resources/views/themes/base/gallery/album_slideshow.blade.php
+++ b/resources/views/themes/base/gallery/album_slideshow.blade.php
@@ -64,7 +64,7 @@
 
                 <div class="row">
                     @foreach ($child_albums as $childAlbum)
-                        <div class="col-sm-4 col-md-3 text-left" style="max-width: 250px;">
+                        <div class="col-6 col-sm-4 col-md-3 text-left" style="max-width: 250px;">
                             <div class="card mb-3">
                                 <img class="card-img-top" src="{{ $childAlbum->thumbnailUrl('preview') }}" style="max-height: 120px;"/>
                                 <div class="card-body">
diff --git a/resources/views/themes/base/partials/pager_links.blade.php b/resources/views/themes/base/partials/pager_links.blade.php
index 3f98455..a2f6587 100644
--- a/resources/views/themes/base/partials/pager_links.blade.php
+++ b/resources/views/themes/base/partials/pager_links.blade.php
@@ -1,5 +1,5 @@
 @if ($paginator->hasPages())
-    <ul class="pagination">
+    <ul class="pagination justify-content-center">
         {{-- Previous Page Link --}}
         @if ($paginator->onFirstPage())
             <li class="page-item disabled"><span class="page-link">&laquo;</span></li>