Add an ellipsis to authors, tags and series. re #79

Will certainly make it unusable for people using a lot of tags ..... let's wait for remarks!

templates/bootstrap/file.html

@@ -54,6 +54,11 @@
         display:block;
     }
 
+    .ellipsis {
+        overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+        display:block;
+    }
+
     .panel-heading { padding: 10px 7px; }
 
     .panel { margin-bottom: 5px; }

templates/bootstrap/main.html

@@ -39,9 +39,9 @@
                 </a>
                 </div>
             {{?}}
-            <span class="glyphicon glyphicon-user"></span> <span class="sa">{{=htmlspecialchars (entry.book.authorsName)}}</span>
-            {{? entry.book.tagsName != ""}}<br /><span class="glyphicon glyphicon-tag"></span> <span class="se">{{=htmlspecialchars (entry.book.tagsName)}}</span>{{?}}
-            {{? entry.book.seriesName != ""}}<br /><span class="glyphicon glyphicon-list"></span> <span class="ss">{{=htmlspecialchars (entry.book.seriesName)}} ({{=entry.book.seriesIndex}})</span>{{?}}
+            <div class="ellipsis"><span class="glyphicon glyphicon-user"></span> <span class="sa">{{=htmlspecialchars (entry.book.authorsName)}}</span></div>
+            {{? entry.book.tagsName != ""}}<div class="ellipsis"><span class="glyphicon glyphicon-tag"></span> <span class="se">{{=htmlspecialchars (entry.book.tagsName)}}</span></div>{{?}}
+            {{? entry.book.seriesName != ""}}<div class="ellipsis"><span class="glyphicon glyphicon-list"></span> <span class="ss">{{=htmlspecialchars (entry.book.seriesName)}} ({{=entry.book.seriesIndex}})</span></div>{{?}}
             <div class="text-center bottomright">
             {{~entry.book.preferedData:data:j}}
                 <a href="{{=data.url}}" class="btn btn-primary btn-sm" role="button">{{=data.name}}</a>