Signature request fixes.

1 files changed, 12 insertions, 18 deletions

diff --git a/ui/app/css/itcss/components/request-signature.scss b/ui/app/css/itcss/components/request-signature.scss
index 27882d83c..e9ba7dbfd 100644
--- a/ui/app/css/itcss/components/request-signature.scss
+++ b/ui/app/css/itcss/components/request-signature.scss
@@ -1,6 +1,5 @@
 .request-signature {
   &__container {
-    height: 619px;
     width: 380px;
     border-radius: 8px;
     background-color: $white;
@@ -11,6 +10,7 @@
     align-items: center;
     font-family: Roboto;
     position: relative;
+    height: 100%;
 
     @media screen and (max-width: $break-small) {
       width: 100%;
@@ -68,7 +68,7 @@
     display: flex;
     justify-content: space-between;
     margin-top: 18px;
-    height: 69px;
+    margin-bottom: 20px;
   }
 
   &__account {
@@ -97,11 +97,14 @@
   }
 
   &__request-icon {
-    align-self: flex-end;
+    margin-top: 25px;
   }
 
   &__body {
     width: 100%;
+    height: 100%;
+    display: flex;
+    flex-flow: column;
   }
 
   &__request-info {
@@ -122,42 +125,33 @@
   }
 
   &__notice {
-    height: 19px;
-    width: 105px;
     color: #9B9B9B;
     font-family: "Avenir Next";
     font-size: 14px;
     line-height: 19px;
     text-align: center;
-    margin-top: 21px;
+    margin-top: 41px;
     margin-bottom: 11px;
     width: 100%;
   }
 
   &__rows {
-    height: 262px;
+    height: 100%;
     overflow-y: scroll;
     overflow-x: hidden;
     border-top: 1px solid $geyser;
-
-    @media screen and (max-width: $break-small) {
-      height: 208px;
-    }
+    display: flex;
+    flex-flow: column;
+    padding-right: 4px;
   }
 
-  // &__rows::-webkit-scrollbar { 
-  //   display: none; 
-  // }
-
   &__row {
-    height: 74px;
     display: flex;
     flex-flow: column;
     border-bottom: 1px solid $geyser;
   }
 
   &__row-title {
-    height: 22px;
     width: 80px;
     color: $dusty-gray;
     font-family: Roboto;
@@ -169,7 +163,6 @@
   }
 
   &__row-value {
-    height: 19px;
     color: $scorpion;
     font-family: Roboto;
     font-size: 14px;
@@ -178,6 +171,7 @@
     margin-bottom: 15px;
     margin-left: 18px;
     width: 95%;
+    overflow-wrap: break-word;
   }
 
   &__footer {