Merge pull request #306 from alepop/send-modal-ui-fix

UI fixes

src/components/send/send.less

@@ -39,6 +39,9 @@ send {
   }
 
   md-menu.max-funds {
+    position: absolute;
+    top: -10px;
+    right: 0;
     &:after {
       content: '';
       display: inline-block;
@@ -49,4 +52,12 @@ send {
       vertical-align: middle;
     }
   }
+  .dialog-send {
+    .relative-block {
+      position: relative;
+    }
+    .md-toolbar-tools {
+      padding: 0 24px;
+    }
+  }
 }

src/components/send/send.pug

@@ -12,16 +12,16 @@ div.dialog-send(aria-label='Send funds')
             div(ng-messages='$ctrl.transferForm.recipient.$error')
               div(ng-message='required') Required
               div(ng-message='pattern') Invalid
-          div(layout="row")
-            md-input-container.md-block.flex-95
+          div.relative-block
+            md-input-container.md-block
               label Transaction Amount
               input.amount(type='text', name='amount', ng-model='$ctrl.amount.value', required, ng-pattern='$ctrl.amount.regexp', ng-disabled='$ctrl.loading')
               div.fee(ng-show='$ctrl.amount.value') Fee: 0.1 LSK
               div(ng-messages='$ctrl.transferForm.amount.$error')
                 div(ng-message='required') Required
                 div(ng-message='pattern') Invalid
                 div(ng-message='max') Insufficient funds
-            md-menu.flex-5.max-funds(md-position-mode='target-right target')
+            md-menu.max-funds(md-position-mode='target-right target')
               md-button.md-icon-button(ng-click='$mdOpenMenu()')
                 i.material-icons more_vert
               md-menu-content(width='4')

src/index.less

@@ -83,6 +83,9 @@ md-menu-item md-checkbox {
   margin: 0;
   padding: 8px;
 }
+md-menu-content {
+  border-radius: 2px;
+}
 
 md-tabs.main-tabs {
   margin: 0 0 -8px 0;