diff --git a/src/components/send/send.less b/src/components/send/send.less index be540fd7a..4c4cf7999 100644 --- a/src/components/send/send.less +++ b/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; + } + } } diff --git a/src/components/send/send.pug b/src/components/send/send.pug index 4544fd657..260906a2b 100644 --- a/src/components/send/send.pug +++ b/src/components/send/send.pug @@ -12,8 +12,8 @@ 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 @@ -21,7 +21,7 @@ div.dialog-send(aria-label='Send funds') 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') diff --git a/src/index.less b/src/index.less index f3e3451c7..cfd50cfcb 100644 --- a/src/index.less +++ b/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;