From 27ca8ed37a07cd0dd9af32edd8bceb143ba8b893 Mon Sep 17 00:00:00 2001
From: Szymon Lesisz <sz.lesisz@gmail.com>
Date: Tue, 15 May 2018 16:53:19 +0200
Subject: [PATCH] css long instanceLabel overflow

---
 src/styles/aside.less |  4 +++-
 src/styles/modal.less | 23 ++++++++++++++++++++++-
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/styles/aside.less b/src/styles/aside.less
index 22ac8ad8..7fbf05c6 100644
--- a/src/styles/aside.less
+++ b/src/styles/aside.less
@@ -539,13 +539,15 @@ aside {
         flex-direction: column;
         justify-content: space-evenly;
         font-size: 14px;
-        padding: 16px 0 16px 30px;
+        padding: 16px 28px 16px 30px;
         white-space: nowrap;
         border-top: 1px solid @color_divider;
         span {
             display: block;
             font-size: 12px;
             color: @color_text_secondary;
+            overflow: hidden;
+            text-overflow: ellipsis;
         }
     }
 
diff --git a/src/styles/modal.less b/src/styles/modal.less
index b2aaed49..8461fa2f 100644
--- a/src/styles/modal.less
+++ b/src/styles/modal.less
@@ -102,6 +102,11 @@
     .confirm-address-unverified {
         width: 370px;
         padding: 24px 48px;
+
+        h3 {
+            word-break: break-all;
+        }
+        
         button:not(.close-modal) {
             width: 100%;
             margin-top: 12px;
@@ -113,10 +118,21 @@
         width: 360px;
         padding: 24px 48px;
 
+        h3 {
+            word-break: break-all;
+        }
+
         p {
             padding: 14px 0px;
         }
 
+        label {
+            display: block;
+            padding-bottom: 6px;
+            text-align: left;
+            color: @color_text_secondary;
+        }
+
         button {
             width: 100%;
             margin-top: 12px;
@@ -138,7 +154,6 @@
             }
         }
     }
-    
 
     .close-modal {
         position: absolute;
@@ -217,6 +232,12 @@
 
     .passphrase {
         padding: 24px 48px;
+
+        h3 {
+            max-width: 260px;
+            word-break: break-all;
+        }
+
         .row {
             position: relative;
             text-align: left;