From 32a91bda0a88d90ae45cbe843b8bd6aea01413d3 Mon Sep 17 00:00:00 2001
From: OllieGeek <oliver.chalk@outlook.com>
Date: Mon, 24 Sep 2018 22:56:38 +0100
Subject: [PATCH] CSS label / register-list Aesthetics

Occasionally depending on the page width and the operation used, the label.bmd-label-floating's wraps and covers the input - CSS to hide the wrap

On register-list, if the regex match is not a word and longer than the div, it'll over run - CSS of word-break: break-all
---
 src/web/stylesheets/components/_operation.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/web/stylesheets/components/_operation.css b/src/web/stylesheets/components/_operation.css
index 24641e09..a7e89cd4 100755
--- a/src/web/stylesheets/components/_operation.css
+++ b/src/web/stylesheets/components/_operation.css
@@ -116,6 +116,13 @@ div.toggle-string {
     left: 12px;
 }
 
+.operation label.bmd-label-floating {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    width: calc(100% - 13px);
+}
+
 .operation .bmd-form-group .bmd-help {
     margin-top: -17px;
 }
@@ -172,6 +179,7 @@ div.toggle-string {
     background-color: var(--fc-operation-border-colour);
     font-family: var(--fixed-width-font-family);
     padding: 10px;
+    word-break: break-all;
 }
 
 .op-icon {