PR Grumbles

js/src/ui/AccountCard/accountCard.css

@@ -27,6 +27,7 @@
 
   transition: transform ease-out 0.1s;
   transform: scale(1);
+  overflow: hidden;
 
   &.copied {
     animation-duration: 0.25s;

js/src/ui/Form/AddressSelect/addressSelect.css

@@ -74,13 +74,13 @@
 }
 
 .label {
-  margin: 1rem 2.5rem 0.25em;
+  margin: 1rem 0.5rem 0.25em;
   color: rgba(255, 255, 255, 0.498039);
 }
 
 .underline {
   position: relative;
-  margin: 0 9rem 0 2.5rem;
+  margin: 0 0.5rem 0 0.5rem;
 }
 
 .empty {
@@ -94,7 +94,7 @@
 
   .input {
     font-size: 1.5em;
-    padding: 0 9rem 0.5em 2.5rem;
+    padding: 0 9rem 0.5em 0.5rem;
     display: block;
 
     padding-right: 6rem;
@@ -108,7 +108,7 @@
   flex-direction: row;
   justify-content: flex-start;
 
-  margin: 2rem 2rem 0;
+  margin: 2rem 0 0;
 
   > * {
     flex: 1;
@@ -123,8 +123,11 @@
 
   .title {
     text-transform: uppercase;
-    font-size: 1.5em;
     font-color: white;
+
+    h3 {
+      margin: 0;
+    }
   }
 
   .cards {

js/src/ui/Form/AddressSelect/addressSelect.js

@@ -188,11 +188,9 @@ class AddressSelect extends Component {
             id={ id }
             className={ styles.input }
             placeholder={ ilHint }
-
             onBlur={ this.handleInputBlur }
             onFocus={ this.handleInputFocus }
             onChange={ this.handleChange }
-
             ref={ this.setInputRef }
           />
           { this.renderLoader() }
@@ -321,7 +319,9 @@ class AddressSelect extends Component {
 
     return (
       <div className={ styles.category } key={ `${key}_${index}` }>
-        <div className={ styles.title }>{ label }</div>
+        <div className={ styles.title }>
+          <h3>{ label }</h3>
+        </div>
         { content }
       </div>
     );

js/src/ui/Loading/loading.js

@@ -32,11 +32,11 @@ export default class Loading extends Component {
 
   render () {
     const { className, size } = this.props;
-    const _size = size * 60;
+    const computedSize = size * 60;
 
     return (
       <div className={ [ styles.loading, className ].join(' ') }>
-        <CircularProgress size={ _size } />
+        <CircularProgress size={ computedSize } />
       </div>
     );
   }

js/src/ui/Portal/portal.css

@@ -68,6 +68,9 @@ $top: 20vh;
   opacity: 0;
   z-index: -10;
 
+  padding: 1em;
+  box-sizing: border-box;
+
   * {
     min-width: 0;
   }