From f052ed9b00e1bc3d146b3d3b8df3a5ae0021ed9b Mon Sep 17 00:00:00 2001
From: n1474335 <n1474335@gmail.com>
Date: Mon, 20 Aug 2018 00:04:49 +0100
Subject: [PATCH] Compile message no longer overflows on small screens

---
 src/web/App.mjs                        | 4 +++-
 src/web/html/index.html                | 2 +-
 src/web/stylesheets/layout/_banner.css | 7 +++++++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/web/App.mjs b/src/web/App.mjs
index bb9cffb2..d001f9e4 100755
--- a/src/web/App.mjs
+++ b/src/web/App.mjs
@@ -533,7 +533,9 @@ class App {
             compileInfo += " - " + window.compileMessage;
         }
 
-        document.getElementById("notice").innerHTML = compileInfo;
+        const notice = document.getElementById("notice");
+        notice.innerHTML = compileInfo;
+        notice.setAttribute("title", Utils.stripHtmlTags(window.compileMessage));
     }
 
 
diff --git a/src/web/html/index.html b/src/web/html/index.html
index aa13da7c..f03590ab 100755
--- a/src/web/html/index.html
+++ b/src/web/html/index.html
@@ -155,7 +155,7 @@
                         <a href="cyberchef.htm" download>Download CyberChef <i class="material-icons">file_download</i></a>
                     <% } %>
                 </div>
-                <div class="col" style="text-align: center;">
+                <div class="col-md-6" id="notice-wrapper">
                     <span id="notice">
                         <script type="text/javascript">
                             // Must be text/javascript rather than application/javascript otherwise IE won't recognise it...
diff --git a/src/web/stylesheets/layout/_banner.css b/src/web/stylesheets/layout/_banner.css
index a5e202ac..220ae914 100755
--- a/src/web/stylesheets/layout/_banner.css
+++ b/src/web/stylesheets/layout/_banner.css
@@ -21,3 +21,10 @@
     vertical-align: middle;
     padding-right: 10px;
 }
+
+#notice-wrapper {
+    text-align: center;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}