From 721851da8101ae2b5fd72c03ec475a7e1795fcbc Mon Sep 17 00:00:00 2001
From: Omar Roth <omarroth@hotmail.com>
Date: Fri, 16 Mar 2018 22:18:55 -0500
Subject: [PATCH] Add word break for video titles

---
 src/views/index.ecr  | 2 +-
 src/views/search.ecr | 2 +-
 src/views/watch.ecr  | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/views/index.ecr b/src/views/index.ecr
index 9bdff0cc..0d841a3e 100644
--- a/src/views/index.ecr
+++ b/src/views/index.ecr
@@ -7,7 +7,7 @@
 <% slice.each do |video| %>
     <% player_response = JSON.parse(video.info["player_response"]) %>
     <div class="pure-u-1 pure-u-md-1-4">
-        <div class="h-box">
+        <div style="overflow-wrap:break-word; word-wrap:break-word;" class="h-box">
             <a style="width:100%;" href="/watch?v=<%= video.id %>">
                 <img style="width:100%;" src="<%= player_response["videoDetails"]["thumbnail"]["thumbnails"][0]["url"] %>"/>
                 <p><%= video.title %></p>
diff --git a/src/views/search.ecr b/src/views/search.ecr
index 56ca976d..462abed4 100644
--- a/src/views/search.ecr
+++ b/src/views/search.ecr
@@ -6,7 +6,7 @@
 <div class="pure-g">
     <% slice.each do |video| %>
     <div class="pure-u-1 pure-u-md-1-4">
-        <div class="h-box">
+        <div style="overflow-wrap:break-word; word-wrap:break-word;" class="h-box">
             <a style="width:100%;" href="<%= video["link"] %>">
                 <img style="width:100%;" src="<%= video["thumbnail"] %>"/>
                 <%= video["title"] %>
diff --git a/src/views/watch.ecr b/src/views/watch.ecr
index a8d4a2e5..8394b5eb 100644
--- a/src/views/watch.ecr
+++ b/src/views/watch.ecr
@@ -126,7 +126,7 @@ function toggle_comments(target) {
     </div>
 
     <div class="pure-u-1 pure-u-md-3-5">
-        <div class="h-box">
+        <div style="overflow-wrap:break-word; word-wrap:break-word;" class="h-box">
             <p>
                 <a href="https://youtube.com/channel/<%= video.info["ucid"] %>">
                     <h3><%= video.info["author"] %></h3>
@@ -141,7 +141,7 @@ function toggle_comments(target) {
             <hr style="margin-left:1em; margin-right:1em;">
         <% if reddit_thread  && !reddit_html.empty? %>
             <div>
-                <div style="overflow-wrap:break-word; word-wrap:break-word;">
+                <div>
                     <h3>
                         <a href="javascript:void(0)" onclick="toggle_comments(this)">[ - ]</a> 
                         <%= reddit_thread.data.title %>
@@ -159,7 +159,7 @@ function toggle_comments(target) {
     </div>
 
     <div class="pure-u-1 pure-u-md-1-5">
-        <div class="h-box">
+        <div style="overflow-wrap:break-word; word-wrap:break-word;" class="h-box">
         <% rvs.each do |rv| %>
             <% if rv.has_key?("id") %>
             <a href="/watch?v=<%= rv["id"] %>">