format table with centered text, and dont allow notes field to wrap

templates/subbooks_for_book.html

@@ -1,6 +1,6 @@
 <table class="table table-sm table-striped small">
 <thead>
-	<tr class="thead-light"><th>Title</th><th>Rating</th><th>Author(s)</th><th>Year Published</th><th>Notes</th></tr>
+	<tr class="thead-light"><th>Title</th><th>Rating</th><th><center>Author(s)</center></th><th>Year Published</th><th>Notes</th></tr>
 </thead>
 <tbody>
 {% for book in sub_books %}
@@ -31,9 +31,9 @@
 					} ); return false;">
 				<i class="fas fa-angle-double-down" style="font-size:10px"></i></button>
 			<a href="/book/{{book.sub_book_id}}">{{book.title}}</a>
-			 - {{book.sub_book_num}}
 		</td>
-		<td>{{book.rating}}</td><td>{{book.author}}</td><td>{{book.year_published}}</td><td>{{book.notes}}
+		<td><center>{{book.rating}}</center></td><td>{{book.author}}</td><td><center>{{book.year_published}}</center></td>
+		<td style="width: auto;min-width:0;max-width:650px;display:inline-block;text-overflow: ellipsis; overflow: hidden;white-space: nowrap;">{{book.notes}}</td>
 	</tr>
 {% endfor %}
 </table>