PLT-7295 - Submitting UI changes for Jira (#7097)

* PLT-7295 - Submitting UI changes for Jira

* Updating help text

* Revert "Updating help text"

This reverts commit 2885b290c6951b47da1465095ee6e83c6a750f33.

webapp/sass/components/_suggestion-list.scss

@@ -4,19 +4,26 @@
     @extend %popover-box-shadow;
     width: 100%;
     z-index: 100;
+
+    .suggestion-list__item {
+        &:hover {
+            background: alpha-color($black, .1);
+        }
+    }
 }
 
 .suggestion-list--top {
-    position: absolute;
     bottom: 100%;
+    position: absolute;
 }
 
 .suggestion-list--bottom {
-    position: relative;
     height: 0;
+    position: relative;
 }
 
 .suggestion-list__content {
+    -webkit-overflow-scrolling: touch;
     background-color: $white;
     border: $border-gray;
     max-height: 292px;
@@ -24,7 +31,6 @@
     overflow-y: scroll;
     padding-bottom: 5px;
     width: 100%;
-    -webkit-overflow-scrolling: touch;
 
     .command {
         border-bottom: 1px solid $light-gray;

webapp/sass/routes/_admin-console.scss

@@ -185,6 +185,17 @@
         margin: 2em 0;
         padding: .8em 1.5rem;
 
+        &.banner--url {
+            padding: 1.2em;
+        }
+
+        .banner__url {
+            background: alpha-color($black, .07);
+            border-radius: 2px;
+            padding: .7em 1em;
+            word-break: break-all;
+        }
+
         .banner__heading {
             font-size: 1.5em;
             margin-bottom: 0.5em;
@@ -305,7 +316,7 @@
     .status-icon-error {
         color: #ea6262;
     }
-    
+
     .suggestion--selected {
         background-color: #e2e2e2;
     }