From 750a28eccb2ca93019c28932ec66ed6659fd124c Mon Sep 17 00:00:00 2001
From: Alex Ling <hkalexling@gmail.com>
Date: Sun, 15 Mar 2020 02:58:27 +0000
Subject: [PATCH] Break words in modal title and path to handle long text

---
 public/css/mango.css | 2 +-
 src/views/index.ecr  | 2 +-
 src/views/title.ecr  | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/public/css/mango.css b/public/css/mango.css
index a9a98d5..ea06135 100644
--- a/public/css/mango.css
+++ b/public/css/mango.css
@@ -20,7 +20,7 @@
 #scan-status {
 	cursor: auto;
 }
-.uk-card-title {
+.break-word {
 	word-wrap: break-word;
 }
 .uk-logo > img {
diff --git a/src/views/index.ecr b/src/views/index.ecr
index bc3c591..da2b89c 100644
--- a/src/views/index.ecr
+++ b/src/views/index.ecr
@@ -36,7 +36,7 @@
 			<%- if t.entries.size > 0 -%>
               <div class="uk-card-badge uk-label"><%= (percentage[i] * 100).round(1) %>%</div>
 			<%- end -%>
-              <h3 class="uk-card-title"><%= t.title %></h3>
+              <h3 class="uk-card-title break-word"><%= t.title %></h3>
               <p><%= t.size %> entries</p>
             </div>
         </div>
diff --git a/src/views/title.ecr b/src/views/title.ecr
index 31d72eb..98d63b0 100644
--- a/src/views/title.ecr
+++ b/src/views/title.ecr
@@ -45,7 +45,7 @@
 			<%- if t.entries.size > 0 -%>
               <div class="uk-card-badge uk-label"><%= (titles_percentage[i] * 100).round(1) %>%</div>
 			<%- end -%>
-              <h3 class="uk-card-title"><%= t.title %></h3>
+              <h3 class="uk-card-title break-word"><%= t.title %></h3>
               <p><%= t.size %> entries</p>
             </div>
         </div>
@@ -73,8 +73,8 @@
   <div class="uk-modal-dialog uk-margin-auto-vertical">
     <button class="uk-modal-close-default" type="button" uk-close></button>
     <div class="uk-modal-header">
-      <h3 class="uk-modal-title" id="modal-title"></h3>
-      <p class="uk-text-meta uk-margin-remove-bottom" id="path-text"></p>
+      <h3 class="uk-modal-title break-word" id="modal-title"></h3>
+      <p class="uk-text-meta uk-margin-remove-bottom break-word" id="path-text"></p>
       <p class="uk-text-meta uk-margin-remove-top" id="pages-text"></p>
     </div>
     <div class="uk-modal-body">