Merge pull request #3773 from berbad/fix-powerbox-url-display-dev

Fix #3699: powerbox dialog: allow long URLs to wrap instead of truncating

Author: ocdtrekkie

shell/client/styles/_powerbox.scss

@@ -64,12 +64,14 @@ body>.popup.request>.frame-container>.frame {
       display: block;
       vertical-align: middle;
       width: 100%;
-      height: 32px;
-      line-height: 32px;
+      min-height: 32px;
+      line-height: 1.4;
       background-size: 24px 24px;
       background-position: 4px 4px;
       background-repeat: no-repeat;
-      padding-left: 32px;
+      padding: 4px 4px 4px 32px;
+      word-break: break-all;
+      overflow-wrap: break-word;
     }
     >form {
       margin-top: 10px;
@@ -143,15 +145,17 @@ body>.popup.request>.frame-container>.frame {
   background-color: #eeeeee;
   display: block;
   vertical-align: middle;
-  height: 32px;
+  min-height: 32px;
   >button.card-button {
     @include unstyled-button();
-    @include overflow-ellipsis();
+    white-space: normal;
+    word-break: break-all;
+    overflow-wrap: break-word;
     width: 100%;
     background-size: 24px 24px;
     background-position: 4px 4px;
     background-repeat: no-repeat;
-    padding-left: 32px;
-    height: 31px;
+    padding: 4px 4px 4px 32px;
+    min-height: 31px;
   }
 }