A bit of styling

static/style.css

@@ -4,7 +4,7 @@
 /* Themes used: Catppuccin Latte & Moccha
  * https://github.com/catppuccin/catppuccin */
 
-/* Dark theme: Catpuccin Mocha */
+/* Dark theme: Catpuccin Mocha
 :root {
     --color-rosewater: #f5e0dc;
     --color-flamingo: #f2cdcd;
@@ -34,10 +34,10 @@
     --color-crust: #11111b;
     --color-action: #333d5d;
     --font-family: Iosevka Web;
-}
+}*/
 
 /* Light theme: Catppuccin Latte */
-@media (prefers-color-scheme: light) {
+/*@media (prefers-color-scheme: light) {*/
     :root {
         --color-rosewater: #dc8a78;
         --color-flamingo: #dd7878;
@@ -67,7 +67,7 @@
         --color-crust: #dce0e8;
         --color-action: #cdd6f4;
     }
-}
+/*}*/
 
 * {
     font-family: var(--font-family);
@@ -285,3 +285,17 @@ dialog {
     max-width: 300px;
     margin: auto;
 }
+
+table tr td {
+  border-right: 2px solid var(--color-crust);
+  padding: 0 10px;
+}
+
+table tr td:last-of-type {
+  border: none;
+}
+
+#table-container {
+  max-width: 100vw;
+  overflow-x: scroll;
+}

templates/index.html

@@ -40,7 +40,8 @@
         <input type="submit" value="Ajouter">
     </form>
 </div>
-<table id="books-table">
+<div id="table-container">
+  <table id="books-table">
       <tr>
           <th>ISBN</th>
           <th>Titre</th>
@@ -64,7 +65,8 @@
           </td>
       </tr>
       {% endfor %}
-</table>
+  </table>
+</div>
 <br/>
 <a href="/export-csv" download="books.csv">Exporter en CSV</a>
 {% endblock %}