Better use of columns

templates/bootstrap/main.html

@@ -9,7 +9,7 @@
 <div class="row">
 {{~it.entries:entry:i}}
     {{? it.containsBook == 0}}
-        <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
+        <div class="col-lg-2 col-md-3 col-sm-4 col-xs-4">
             <div class="panel panel-default" style="height: 70px;">
                 <div class="panel-heading">
                     <h3 class="panel-title">
@@ -22,7 +22,7 @@
             </div>
         </div>
     {{??}}
-        <div class="col-lg-2 col-md-4 col-sm-6 col-xs-12">
+        <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
         <div class="panel panel-default" style="height: 320px;">
           <div class="panel-heading">
             <h3 class="panel-title"><a href="{{=str_format (it.c.url.detailUrl, entry.book.id, it.databaseId)}}">{{=htmlspecialchars (entry.title)}}</a></h3>