From ba7d24a3384585cbe64518535c8b9e12b6d37981 Mon Sep 17 00:00:00 2001
From: Raymond Hill <rhill@raymondhill.net>
Date: Thu, 20 Feb 2020 08:29:33 -0500
Subject: [PATCH] Wrap long hostnames in popup panel

---
 src/css/popup-fenix.css | 7 ++++++-
 src/css/popup.css       | 2 ++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/css/popup-fenix.css b/src/css/popup-fenix.css
index efa503073..926360e32 100644
--- a/src/css/popup-fenix.css
+++ b/src/css/popup-fenix.css
@@ -262,7 +262,9 @@ body[dir="rtl"] #tooltip {
     flex-grow: 1;
     justify-content: flex-end;
     padding-right: 2px;
-    width: calc(100% - 4em);
+    white-space: normal;
+    width: calc(100% - 5em);
+    word-break: break-word;
     }
 #firewallContainer > div.isCname > span:first-of-type {
     color: mediumblue;
@@ -343,6 +345,9 @@ body[dir="rtl"] #tooltip {
     content: '\2212\2212\2212';
     }
 
+body.advancedUser #firewallContainer > div > span:first-of-type {
+    width: calc(100% - 10em);
+    }
 body.advancedUser #firewallContainer > div > span:nth-of-type(2) {
     display: inline-flex;
     }
diff --git a/src/css/popup.css b/src/css/popup.css
index e42bf06bd..44aa5b167 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -282,7 +282,9 @@ body[dir="rtl"] #tooltip {
     flex-direction: column;
     justify-content: flex-end;
     padding-right: 2px;
+    white-space: normal;
     width: calc(100% - 4em);
+    word-break: break-word;
     }
 #firewallContainer > div.isCname > span:first-of-type {
     color: mediumblue;