From 9db302fb3ab60e8aaa566e1ffd9df50277721b50 Mon Sep 17 00:00:00 2001
From: Daniel Bulant <danbulant@gmail.com>
Date: Sun, 23 May 2021 18:04:31 +0200
Subject: [PATCH] improved line wrapping

---
 src/pages/[manga]/index.svelte | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/pages/[manga]/index.svelte b/src/pages/[manga]/index.svelte
index ea09bd4..ceed722 100644
--- a/src/pages/[manga]/index.svelte
+++ b/src/pages/[manga]/index.svelte
@@ -144,11 +144,11 @@
             <tbody>
                 {#each chapters.results.filter(c => c.data.attributes.translatedLanguage === "en") as chapter} 
                     <tr>
-                        <td>{chapter.data.attributes.volume ? "Vol " + chapter.data.attributes.volume : ""}</td>
-                        <td>Chapter {chapter.data.attributes.chapter}</td>
+                        <td class="no-wrap">{chapter.data.attributes.volume ? "Vol " + chapter.data.attributes.volume : ""}</td>
+                        <td class="no-wrap">Chapter {chapter.data.attributes.chapter}</td>
                         <td>{chapter.data.attributes.title}</td>
-                        <td class="action"><span on:click={() => prepare(chapter)}>Download</span></td>
-                        <td class="action"><a href={$url("./" + chapter.data.id)} on:click|stopPropagation>View</a></td>
+                        <td class="action no-wrap"><span on:click={() => prepare(chapter)}>Download</span></td>
+                        <td class="action no-wrap"><a href={$url("./" + chapter.data.id)} on:click|stopPropagation>View</a></td>
                     </tr>
                 {/each}
             </tbody>
@@ -160,6 +160,9 @@
     main {
         font-size: 1.1rem;
     }
+    .no-wrap {
+        white-space: nowrap;
+    }
     tbody {
         list-style-type: disc;
     }