Changing column size for responsiveness

diff --git a/resources/views/books/grid-item.blade.php b/resources/views/books/grid-item.blade.php
index a37458ec60bc4cdbc95097e431d35953ddc74477..93b818f9621df8417cab9d8a4bb9b1a744685c58 100644 (file)
--- a/resources/views/books/grid-item.blade.php
+++ b/resources/views/books/grid-item.blade.php
@@ -1,5 +1,4 @@
-<div class="galleryContainer"  data-entity-type="book" data-entity-id="{{$book->id}}">
-<div class="col-sm-3 galleryItem">
+<div class="col-md-3 galleryItem"  data-entity-type="book" data-entity-id="{{$book->id}}">
     <h3>
         <a class="text-book entity-list-item-link" href="{{$book->getUrl()}}"><i class="zmdi zmdi-book"></i><span class="entity-list-item-name">{{$book->name}}</span>
         <br>
@@ -11,5 +10,4 @@
     @else
         <p class="text-muted">{{ $book->getExcerpt() }}</p>
     @endif
-    </div>
 </div>
\ No newline at end of file

diff --git a/resources/views/books/index.blade.php b/resources/views/books/index.blade.php
index 76e521633465c044f893636171b3ac0ceb297661..693c909aae5634fa61324e624ece4ec4143f3148 100644 (file)
--- a/resources/views/books/index.blade.php
+++ b/resources/views/books/index.blade.php
@@ -5,13 +5,13 @@
     <div class="faded-small toolbar">
         <div class="container">
             <div class="row">
-                <div class="col-xs-11 faded">
+                <div class="col-xs-12 faded">
                     <div class="action-buttons text-left">
+                    <a data-action="expand-thumbnail" class="text-primary text-button"><i class="zmdi zmdi-wrap-text"></i>{{ trans('common.toggle_thumbnails') }}</a>
                         @if($currentUser->can('book-create-all'))
                             <a href="{{ baseUrl("/books/create") }}" class="text-pos text-button"><i class="zmdi zmdi-plus"></i>{{ trans('entities.books_create') }}</a>
                         @endif
-                        <a data-action="expand-thumbnail" class="text-primary text-button"><i class="zmdi zmdi-wrap-text"></i>{{ trans('common.toggle_thumbnails') }}</a>
-                    </div>
+                        </div>
                 </div>
             </div>
         </div>
@@ -20,7 +20,7 @@
 
     <div class="container" ng-non-bindable>
         <div class="row">
-            <div class="col-sm-9">
+            <div class="col-xs-12 col-sm-12 col-md-9">
                 <h1>{{ trans('entities.books') }}</h1>
                 {!! $books->render() !!}
                 @if(count($books) > 0)
@@ -40,7 +40,7 @@
                     @endif
                 @endif
             </div>
-            <div class="col-sm-3">
+            <div class="col-xs-12 col-sm-12 col-md-3">
                 <div id="recents">
                     @if($recents)
                         <div class="margin-top">&nbsp;</div>