Fixes overflow issues on join network dialog

raiden-network · Nov 27, 2018 · e41459c · e41459c
1 parent ae954af
commit e41459c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/src/app/components/token-input/token-input.component.css b/src/app/components/token-input/token-input.component.css
@@ -1,3 +1,7 @@
 .checkbox {
-    padding-bottom: 0.8em;
+    padding-bottom: 1.1rem;
+}
+
+.form {
+    min-height: 5rem;
 }
diff --git a/src/app/components/token-input/token-input.component.html b/src/app/components/token-input/token-input.component.html
@@ -1,4 +1,4 @@
-<div fxLayout="row" [formGroup]="form">
+<div fxLayout="row" [formGroup]="form" class="form">
     <mat-form-field fxLayout="column" fxFlex="1 1 auto" [hideRequiredMarker]="true">
         <input matInput type="number"
                [placeholder]="placeholder"

diff --git a/src/app/components/token-network/token-network.component.ts b/src/app/components/token-network/token-network.component.ts
@@ -156,7 +156,7 @@ export class TokenNetworkComponent implements OnInit, OnDestroy {
         };
 
         const joinDialogRef = this.dialog.open(JoinDialogComponent, {
-            width: '400px',
+            width: '480px',
             data: payload
         });