From 722efa2f89c02b69d39c6382ab854c329ab57a2c Mon Sep 17 00:00:00 2001
From: Oleksandr Sobol <dr.alexander.sobol@gmail.com>
Date: Thu, 7 May 2020 20:10:04 +0300
Subject: [PATCH] CWA-210 | applied new design to send page; created sending
 alert and confirm sending alert

---
 assets/images/2.0x/qr_code_icon.png           | Bin 956 -> 1142 bytes
 assets/images/3.0x/qr_code_icon.png           | Bin 1149 -> 1256 bytes
 assets/images/birthday_cake.png               | Bin 0 -> 3979 bytes
 assets/images/qr_code_icon.png                | Bin 665 -> 638 bytes
 lib/src/screens/send/send_page.dart           | 578 ++++++++----------
 .../send/widgets/confirm_sending_alert.dart   | 100 +++
 .../screens/send/widgets/sending_alert.dart   | 105 ++++
 lib/src/widgets/address_text_field.dart       |  29 +-
 lib/src/widgets/base_alert_dialog.dart        |   2 +-
 lib/src/widgets/seed_widget.dart              |   1 -
 lib/src/widgets/top_panel.dart                |   4 +-
 pubspec.lock                                  |  21 +
 pubspec.yaml                                  |   1 +
 13 files changed, 504 insertions(+), 337 deletions(-)
 create mode 100644 assets/images/birthday_cake.png
 create mode 100644 lib/src/screens/send/widgets/confirm_sending_alert.dart
 create mode 100644 lib/src/screens/send/widgets/sending_alert.dart

diff --git a/assets/images/2.0x/qr_code_icon.png b/assets/images/2.0x/qr_code_icon.png
index c8b121d10e317df8b4c99df6ff3ef08ff52ed1b5..192c45fcbdda0ec5a9fed85da4b67ff74aa8c375 100644
GIT binary patch
delta 1121
zcmV-n1fKi62lfb%B!3BTNLh0L02U<x02U<yNm3;600001b5ch_0Itp)=>Px#1ZP1_
zK>z@;j|==^1poj93rR#lRCoc!S4~nAK@@)7Ge$R-;|UBW0IZUqazQu&;RZ>S8YmYq
z2voTuZ21c;ECd(836K*I78XA)h$k@KU@Uhb)9v>rnJ}5Z1b>RsuWFK>?tcAVzyA>g
zR6czhavwda2(5=Skwq~OM2=EwdTDmNN-5abyUb(nLDD&`!$j3^-J(4^UYC{K^Q<z>
zQ_?z@M#O7U$|>prFrP?e?j5Fcu9VknxVY&W#sMa*_CgiE^(4B6);rV#4W)KWDM|Qe
zMv;XEa>N&6t$#yh+GoBvGd4;802}*Pp2jhB%)orzAFS`5=OjxS11+VqSQ`Brx3;-^
zUZ4cHO4XL%zpn9EC{@=&@X#{D8`&;G%2Q3r*xb7;e<+Qv2Ine!mn$w&If(}T!xx(j
zJFyIJG^8A&9?)86`G0-yVxAu!tM*(PaIqKRIg`>k9e+xMjQ^^L4*fBkNsy@Uc<b}U
z&!EO|t3ro{9Zu^)5{q;Jz<i-JdgQ;tVGrZBfr$mL@4N?T;1>dZQ=oeZK$M5Qv;K>w
zhX)Jb;IV`dPRx29O!IUH=#)GX11}7VAey*A0^u1B7kI2ER0?6ueDb8$Y&7Z!CJVG@
zm^(9Z34cQfFGSfng{DEMKTEn>cSvZf{$3Gx`pUtz_0-kRlDIFvdHE~2ceOa&r9IC<
z5z1jYL{ENcX6z(57ZHGK1E*)vM_BnlbQ~>}M$25(P*<j8vw6}q&0`TrW^9_KQj;H1
zfP%CUCv-Uvv<g$-0HZnlmBIWNbbNs<1RCgvHh&_3k;zouMuTnBJ0acP&<ei8p>tlo
z@7k;#Ln+(tr2)HT&uQudfua%>EXIUxE7FRo0`%hpzRkn)(AqYb&nJ*M5a1*{c`qLT
zqZNuNJSb2${%pDfA_AaPT8Le5%$^HP)NdCB`$b}Y;C2jq=Hk}41k1;dZ95dQrdRvX
zYJW*2qOgPDre!oKx3wU_<^ciclGeHY!?~*%9(iq`lyllkUQ%-CSg;S@tVj<8(N4+j
z{;*4HZRYGN1xdXc$a{cI2Y(pg2da<y#BIN5N&3%7Eyr-c9M^OIJ=|_%-HD49E>NBR
z&@d*##i(xq;5Y^1r!&!gkRpACt|*WBaDS7^k#rD86Gp@Ys*if^*Zif@*!G`H<~bt8
z%bcu{G&+>$T6iv^0q$DY_OFIbtp^j%q2HNIC!+;RF`RCC>&y2kLN1AN7xjhG$d5Py
zTFnPH4s9&I8(~RnbPp`NeRa}nPq0Z5UCD(zU}UT~B5v8@l2sU9EfHcRaYKuFu39CD
zuA1uR#+LkX%39zBA>ySbFM;qdHP>^Jp+H+6J*eZ9&W+YZ$)8K;>4w`MrfG1RNS!_Q
nK!J))kmigI^HR;G*B$)@HzMHqe8`he00000NkvXXu0mjfy>10F

delta 934
zcmV;X16lm`2)qZ7B!2;OQb$4nuFf3k000AaNkl<ZSP9iuPe@cj7@v9XS!7}VEQ>%o
z6m(F65Hjc@X}d;r>(pwymsZ^sx^?JObcs%(Yp770tsXjb$-q@Zs16Ysg%BM>qAUnp
z539THy_vpm)_J^rzJ0q-3vJ-N`TqRAZ@&3v=9?j8lN-hH2Y*MV>P<!(y<#ynGT$3&
zo9jzWHL3=wcf(eKk#?#==AxZ#^BM|t#)6#lL8)}>sX>Q89;F70o19-;FGkuiMx#Iv
zDN?Xmy~u!{!8J|2uQUG4ZbKRChYTLG%POUP2hbI2{S40Wvs!;Lov|37#Q(JfgJUzb
zdOrUVC&@LX9e+=Sm@wz!H2Ivofcshkg_tU=^%1mG4Yti1kWx-Kw^%>K)>s0{`8*`?
zg;(S-$wInaKw$p{>=z^kd&q~kKNu5T`C7Z-vFW;%oUwq0Dy2<5;lM1?8);$>42-_s
ztMJ_6a*lF&v(^ohNKT&Tgf+YAP!<mdZ)5-P>8k_TY=5>JX`)t*$2-n_5CJefdl|~B
zXDJp&C4R62+hGr0FQG=U2q3qzTnD&YD4?duWFY_){Jlnh3SX4$f|IecoZq5jNMR$X
zeEXSlMyTIkeek;z2OBCIj|2{(JdsS_VT9atVw`+Y0GOEWNXu6z=wI@V0E&l7Jem=+
zLFw+Q9e>$SsCg;zINbxqC{Tptq@johM&l%vr^-90+{t?ez)0?gG*~q9;ynPH=p=lX
zq`c6tt%A`=;0x&R^K2pjS%|>RZ%?#MNeR_C<&!oMR^yzVuY?u>#3I270OMDAqde0a
z4qkLKNQ_LKg=IS7)Unlj#4Z;B^gnrdikSKuXMZrGbv4dd2L!O@+2-c1um?<|2?i4d
zqS6rozYiWF-yHbmcsOv}A@gJl0eC`6DiwJ(O9a*dq&1Zf=%(U%8IdaWlfX*jN_(o1
zal#aFAz3zXETJ5qmV8%75S@zwq^wl$I|H%Kz;kehpVeR~Y6vG*0DZ}cyKqXbSO6CS
zvVV0W77mR14j`3!Ta(e3tEJCaq@_3;pn$>mIG0D_t)5bGPxuaC(a79`blZ10Ovb%o
ztxy#8g48m?j=~8UmOS>p1F##Hqaje%bG3C^;vS5o8w|;;_FLmk2vN*3s)$E}BS4F#
z3V)A`+bMujo(9DdJl1tP2Hwif3IC$2;~yx5Z}>T91-B9653)N;veOvYO8@`>07*qo
IM6N<$f>z(OP5=M^

diff --git a/assets/images/3.0x/qr_code_icon.png b/assets/images/3.0x/qr_code_icon.png
index 918041c044234a0020d83039ed31a3016cbeaa49..5fb82c54170c97aaf4ea3e1b2cfc875e6403c281 100644
GIT binary patch
delta 1236
zcmV;_1S|Xf2<QorB!3BTNLh0L03kR403kR5MV2vO00001b5ch_0Itp)=>Px#1ZP1_
zK>z@;j|==^1poj9eMv+?RCodHTFp`uK@jelkcER)>Ju2>08aRG5TC&K1cVc!2UrEG
zJh7at;>W;2DYy`x0C)oMpa>W64R`|=@c{Xmu{+ts$+DT9*?%P=2fwP+CX?CT?&)uO
zx;tSIptyB%uUan8aDZ_MkOM<7fYo=Cqb?-C^2SjKFXP5HFm@`X*dA~OOYX#oA3PtG
zUq8$V&i8E;S0ROXJ~#FFz~&xQK983jNB~s&jN>!ismEuWRz8jL4T<b7SOSgqAt6Xt
z(wTJUqI^|IqklYOtTgxP(H>ZWJVx|`gs2-)E>E-N&Epf0a#&U9cQ)%T1RU!Zd_<aO
zIrl)>GibyaLoP~nVnv9DACOznhak$-%H?0`7!ObCSLF$A1S<w~H!Q9n7BZX{(M9*b
z47(Y}nQ%MMufBqn$_`R?3=BZg2A}QCPL6JOn!|MhP=EP(3*`y<+SOIZxGpX)^QOuZ
zg5aXv=-fbn6)*_23|?A491G%o@HGAa?4eyitpRC((QTDstj4!H_<kR{gaMn$$VC<&
zTiG}wnt9hIOF6E*AB&QQ!aPhv7Q*A<$f!ftJOFlkCo#HdKu=&rp-3)EnS)z|l>t#)
zHYRJAKz|f!9TE}ARhoS0+P$@Ebx#@h%R+2}J=*l;7+DIO^E_v4EL@n_W{Z?uHI<Se
z7Zf=jUEjZXdWyN$2(DV;!f{$T7Zo-Xd73ZXGs60^IHf*q9zO#^oM*E?)hu=%QwO^0
zGFy|vCMtY45xWPfmC89DNJb&?POUbKr|-Xk%YV!IW%2VjpH@HW9x7~5en*+)RnS0d
zz|zK%ho;X%N|1s}U%tC@ub-?o<o=jpjK7dlew~{f_3$uUMMY;KZuMEzA*ssNeQ9$d
z8o);?++V>AS8~499OP2w-zKQ&TK8+e#V!Ec92ztXC3KRpVMqZjg(|h$%WNhy4?^T1
z34btB#7&_*3O(&<rf6#ntpP!pn}CG4AqrBBae&vgs4ruq5asmTur3f7G2;3|xN&{-
z3|N7&j$v490Oj=f#A(xIB(>CN6NSv+;5L?(!zi}^@$hlp>FldV9Zzh%2T*yi1fxBp
zIl%)iPe2N4s<2Du%wTlrQJ*Jn&d|`1?|;Vhr);y)Qsg*e1+YMqnsM{62NX-mx&gFN
zDP6#WW>+T=xftnoj5Y-@1T~Ut7SxQQWV2B~`tnfmy#@V;HcHmL*GT^A`tmkcnni{i
z2Q{$Nmv(YU-)?MTD^RwHRCuV4^-EWxC-`r`ZNsjuk|H_lR9WGs&83msRS&4u6n{Rb
z1YJO!0oH95b)~8AiQR|$^lJ4$F+Bha#MQ)F1DFtQoPZE~OsU&iGt`k#yAqV!1fDT5
zB)%pN^H0~p=m&)Lz2<>p(97vZ6eBWN9zMFU*eDhaQr%vo{`*?vXVw<b6{oD@4-|&z
z>3=1{kaC7|$62%7sO>VaAw}spSWO~Gi4!YNI$vOU$|)*Tg?OIEh+Fut#2M*K(XGCT
yseLlwI3wf|{Akt8>g9hWf^^&agSs|5+kXL-s1dya>oUOr0000<MNUMnLSTYB??9{o

delta 1128
zcmV-u1eg2h3H=C=B!2;OQb$4nuFf3k000CxNkl<ZXa((AO>7fK6n@Wki3mZh5fs6p
zQiV!;p%*G75C?vpNG(4nOBHE|i^`vE1VVx%aOjzXG38I-Mv*}2kxPt2BLRmVdMJw0
zN^Ox!g$NRnpn}-g+1bY%lbI~Zu00EzxJDVtnwdA>d-J~8H-9^C)&O&*u`7UT`ZKv3
zn}O_As&7)W@>nv_aZzG3y@gdcE;gI!(R<;W>CUY~5}Uo!{~ZA=FwxT(3=O5aV>e|#
zqJ=<lHnexLU%y2NBaEsNK+9gs`lst_0WfwS<EjK~gi}DU%tTLN5a<H8s{}$y*sOKa
z6L5sk+dYFwB!7HI2$6KNLN<OxU>|oIds|sx1on4s`JJ7SziH)cF27n3%m{&|522<f
z5J(7R`v%*fRQXcHjy(@=r@xLpRQ;K(10fJ8+Dj`$*Oa4Jfo<HL6#`8kLUROE*fgqc
z`X`__@rSJo4?lsiV}4dL(lXyR!7px&{q_U~K2X>wEPpSlc5AflQ>$F^wUAL*P*M7t
zKs>%q8r6msAc#61N5OXfbF;N)$NFb(a#NWmV5;z@IGIjBINWNYA11oLuWReS3VXh<
z@V+SH=c-R&jU>P6_*?chfo!h-DChHEDUhFfoUHlv@camR!LmN9hm+$1@Dx`kWm^{e
zg}qt`s(<GHvX6-JJ|OQDlLQEGB@u0qLjQ%SH>mj9JPq=(=CnG5oG8BQ%8m82Q|6~l
zh>vRG5ldl2eSH=3E>7U<4XEt965t?vkm_#VsX#&3NKiT09qUzgGd+cN5aNvpyqh7U
zR>n^~I5-&j^ZCMgUOMBWqrC9$B}^#zL@esj5P#>hhQ&RET$C^M^)D)yVUcqvWVKia
z5*z=Kvf=xcZ;3|FJI77i2X}87V64AyLlef036#e05CENUI%Q*7eivHql+AYg-Pr>~
zIDj}2he)+wg9gitfCWGp_J9VKbLkLDCt^SGWbzkCA*8G6?v5+<j9u=#wM1Bznvw9L
zVt+-w>}UdBfSHz$6^nQMej9cAqzPnm`6D*fNahee=867yMH67(I8&reo*w#l{`*WW
z?|Ql-(X&*dV~yurJ_a-aA3A2x>L+vZ_-u~)a)X4tp=t6EGqBE?vp(o%j(~w95|T=^
zuP}tV!U7|JAs8V6w_RtELc}kCsP4tbQ-9xMATR>SuJ-FZhy1w~-VcB9z_c4#CU;|d
z2>lVW5$~nDV!z6X0wdt+wUN+1XWKsiVnUEt$|`}H2Z+)94F(1F1hPN&Z{&1j&s08q
zG3uNu^Xl_uod{gg7{V5QQ@xf6D;t3kVCO&Kj{>`tVMlFDfRCCYrytX@+aG%Jn_(>R
z>R(BR-D<PxLuih`)JHnoeZ2=b{{G_0y$>Q6&p78FRpPn_*{j#yV~OW~_@8S%z+ZUd
uE}rPS-V+2yo&t<(-zI!jCg$pfuE0ybUN}Lb$Znkg0000<MNUMnLSTaI3Ll#Q

diff --git a/assets/images/birthday_cake.png b/assets/images/birthday_cake.png
new file mode 100644
index 0000000000000000000000000000000000000000..84b084fba905e05268bb07e1f992b0392e7733ff
GIT binary patch
literal 3979
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

literal 0
HcmV?d00001

diff --git a/assets/images/qr_code_icon.png b/assets/images/qr_code_icon.png
index ad1b3631e859cff4f692a92ce45f46daf314ac54..2bc7d508c0f6b15cab8c686ceff21b8897390781 100644
GIT binary patch
delta 613
zcmV-r0-F7q1^xt(B!3BTNLh0L01FcU01FcV0GgZ_00001b5ch_0Itp)=>Px#1ZP1_
zK>z@;j|==^1poj76G=otRCoc6Q$bQwK@jck8IYYhLT&&qEOeE40`UYU3kzKllzoyd
z#)6H7xJf*L;RN|vSfDGoK|BF*Ls9T&+SmUxzkXafRlnv>_kZ;3*ROl{@Z`MXM2?iG
zL20Q@58gg|MYT2h`fCPzJDr(mftZ0ua9<H1%vo~gAzaZv>pq0;Bav1*N9HyFj|C`A
zLa@fj5gF_g=k`9HUi8vs`(I=3Cx5{pggLf`uTn6#6sWA4smPYm{d97^L_kA`_oDEU
zW4yFGuvrNPKz~xF3F9To`6jrSKv`t7xLE4a#h%q;1evn?80Qb?9R$pfrGx)viNUr{
zbE2!!=}+@F%^u1mQ%*=npMPvc?_XAIRF`1$2jwi?`g%q;H_hPv%<4wa;KT0r(C$?l
z<lePWPbZzh!ai$lBi`K&)cYPZ*so=$6#$=y3=AIE^nX|oIs*n{1pF3}hW!^l5d(O#
z0ua$UH4RX^4V9KuyXITl*qFxK+e$b`lvRl!%=eh*LstTjDUJ4ZEE_0y>wATuI&rGQ
z;M~~SxFg<g(toUj-ED@rlY%jkO=5d>4lpF6FBfBV?sakY{#s3ohh;vp5w5LDgP=OE
z&|+Mm1764P-#k6T>Ff|K##@<`>@i68Zd5sGa1B~h7}7A=cxL<Wo-gW|iaD_nuatBx
zdl%k%3rC;J=}T-fY%l5nXmQ`VR2eX6pwRmZfTR&wR3=gG00000NkvXXu0mjf=$jkz

delta 640
zcmV-`0)PGf1epbpB!2;OQb$4nuFf3k00070Nkl<ZI1zPHO-NKx6h7y^J8ztM7?|iH
zN)duU+V!)EN(oT{p-pXyQV3e4PzVX3G*qjyMbOVO5f|+uA}foib=IP3(+^n^QAUmh
z^ZVXCU-!M3={ZaXF84d%Ip@3go_lz1?tOA8x7a~3OB;MGl7DK2gJejv;c|-PXTjkO
zu{7#v=~~jCmOpMaz(PFmTk#-4GBDT{2{6C(nKG!zy?CCj-LB$994EDVz~#hdVxEZe
z^|+w`vvSMEKa^6zHzxW~UljKn3c!d9kt;<`t&1l&!rDz^u~?$RYl3iIkpvON4xUm#
zONtZO!134QxqnSq)MdjS8QK*WfHFNbpLGj37&q{VVOi#BPu#nCF5f8?^@8FuwcE&X
zMeu7&P_S>i>am*_!Fqu9fcU;$oe=6OIThD(Jqo5d>VZ`*pBx@I)#hzFLtb*C&Fdc%
z$9b^o|JrZAvxn^@j1KirF=5&smaW~+0xgs%fh!+E@_&2&%UL3vTUPUfRy1RiJ4rZ4
zOi_GfXyAO9cXQ@Zd$@<DInAF{Nu9niGrw0vI_=f|8TiuZaR23yxIX)22YfRb;y@^x
z&=6}bRJPbjd=@(O2Ev7Fw;oQ~xBCG1*_-6U96K9%+sxYuMJu|#sOsD1oG|1xGh-(K
z7nQ=Q2zkG##=|`z<o_!mz;0W-Q4~LB13MO`n?O^xFS8JCvb{P8=I7Bb#8qpU`3N9m
zH9rE7kz)f#wL>FSUME|;cZHQ=Z<YAFb5@awo{(xXuPY_hCs1#cl6_%Zb+_gyo9jhd
azx@MY`U8(!p^D1@0000<MNUMnLSTZ~RxOzT

diff --git a/lib/src/screens/send/send_page.dart b/lib/src/screens/send/send_page.dart
index a4e4fb056..f02b46cce 100644
--- a/lib/src/screens/send/send_page.dart
+++ b/lib/src/screens/send/send_page.dart
@@ -17,18 +17,23 @@ import 'package:cake_wallet/src/stores/send/send_store.dart';
 import 'package:cake_wallet/src/stores/send/sending_state.dart';
 import 'package:cake_wallet/src/screens/base_page.dart';
 import 'package:cake_wallet/src/domain/common/crypto_currency.dart';
-import 'package:cake_wallet/src/domain/common/balance_display_mode.dart';
 import 'package:cake_wallet/src/domain/common/calculate_estimated_fee.dart';
 import 'package:cake_wallet/generated/i18n.dart';
 import 'package:cake_wallet/src/domain/common/sync_status.dart';
 import 'package:cake_wallet/src/stores/sync/sync_store.dart';
+import 'package:cake_wallet/src/widgets/top_panel.dart';
+import 'package:dotted_border/dotted_border.dart';
+import 'package:cake_wallet/src/widgets/alert_with_one_action.dart';
+import 'package:cake_wallet/src/widgets/alert_with_two_actions.dart';
+import 'package:cake_wallet/src/screens/send/widgets/confirm_sending_alert.dart';
+import 'package:cake_wallet/src/screens/send/widgets/sending_alert.dart';
 
 class SendPage extends BasePage {
   @override
   String get title => S.current.send_title;
 
   @override
-  bool get isModalBackButton => true;
+  Color get backgroundColor => PaletteDark.menuList;
 
   @override
   bool get resizeToAvoidBottomPadding => false;
@@ -44,7 +49,6 @@ class SendForm extends StatefulWidget {
 
 class SendFormState extends State<SendForm> {
   final _addressController = TextEditingController();
-  final _paymentIdController = TextEditingController();
   final _cryptoAmountController = TextEditingController();
   final _fiatAmountController = TextEditingController();
 
@@ -75,14 +79,11 @@ class SendFormState extends State<SendForm> {
       await showDialog<void>(
           context: context,
           builder: (BuildContext context) {
-            return AlertDialog(
-              title: Text(S.of(context).openalias_alert_title),
-              content: Text(S.of(context).openalias_alert_content(sendStore.recordName)),
-              actions: <Widget>[
-                FlatButton(
-                    child: Text(S.of(context).ok),
-                    onPressed: () => Navigator.of(context).pop())
-              ],
+            return AlertWithOneAction(
+              alertTitle: S.of(context).openalias_alert_title,
+              alertContent: S.of(context).openalias_alert_content(sendStore.recordName),
+              buttonText: S.of(context).ok,
+              buttonAction: () => Navigator.of(context).pop()
             );
           });
     }
@@ -99,89 +100,16 @@ class SendFormState extends State<SendForm> {
 
     _setEffects(context);
 
-    return ScrollableWithBottomSection(
-        contentPadding: EdgeInsets.all(0),
+    return Container(
+      color: PaletteDark.historyPanel,
+      child: ScrollableWithBottomSection(
+        contentPadding: EdgeInsets.only(bottom: 24),
         content: Column(
-          children: [
-            Container(
-              padding: EdgeInsets.only(left: 38, right: 30),
-              decoration: BoxDecoration(
-                  color: Theme.of(context).backgroundColor,
-                  boxShadow: [
-                    BoxShadow(
-                      color: Palette.shadowGrey,
-                      blurRadius: 10,
-                      offset: Offset(0, 12),
-                    )
-                  ],
-                  border: Border(
-                      top: BorderSide(
-                          width: 1,
-                          color: Theme.of(context)
-                              .accentTextTheme
-                              .subtitle
-                              .backgroundColor))),
-              child: SizedBox(
-                height: 56,
-                width: double.infinity,
-                child: Row(
-                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                  children: <Widget>[
-                    Observer(builder: (_) {
-                      return Column(
-                          crossAxisAlignment: CrossAxisAlignment.start,
-                          mainAxisAlignment: MainAxisAlignment.center,
-                          children: <Widget>[
-                            Text(S.of(context).send_your_wallet,
-                                style: TextStyle(
-                                    fontSize: 12, color: Palette.lightViolet)),
-                            Text(walletStore.name,
-                                style: TextStyle(
-                                    fontSize: 18,
-                                    color: Theme.of(context)
-                                        .accentTextTheme
-                                        .overline
-                                        .color,
-                                    height: 1.25)),
-                          ]);
-                    }),
-                    Observer(builder: (context) {
-                      final savedDisplayMode = settingsStore.balanceDisplayMode;
-                      final availableBalance =
-                          savedDisplayMode == BalanceDisplayMode.hiddenBalance
-                              ? '---'
-                              : balanceStore.unlockedBalance;
-
-                      return Column(
-                          mainAxisAlignment: MainAxisAlignment.center,
-                          children: <Widget>[
-                            Text(S.of(context).xmr_available_balance,
-                                style: TextStyle(
-                                  fontSize: 12,
-                                  color: Theme.of(context)
-                                      .accentTextTheme
-                                      .overline
-                                      .backgroundColor,
-                                )),
-                            Text(availableBalance,
-                                style: TextStyle(
-                                    fontSize: 22,
-                                    color: Theme.of(context)
-                                        .accentTextTheme
-                                        .overline
-                                        .color,
-                                    height: 1.1)),
-                          ]);
-                    })
-                  ],
-                ),
-              ),
-            ),
-            Form(
-              key: _formKey,
-              child: Container(
-                padding:
-                    EdgeInsets.only(left: 38, right: 33, top: 10, bottom: 30),
+          children: <Widget>[
+            TopPanel(
+              color: PaletteDark.menuList,
+              widget: Form(
+                key: _formKey,
                 child: Column(children: <Widget>[
                   AddressTextField(
                     controller: _addressController,
@@ -190,19 +118,16 @@ class SendFormState extends State<SendForm> {
                     onURIScanned: (uri) {
                       var address = '';
                       var amount = '';
-                      var paymentId = '';
 
                       if (uri != null) {
                         address = uri.path;
                         amount = uri.queryParameters['tx_amount'];
-                        paymentId = uri.queryParameters['tx_payment_id'];
                       } else {
                         address = uri.toString();
                       }
 
                       _addressController.text = address;
                       _cryptoAmountController.text = amount;
-                      _paymentIdController.text = paymentId;
                     },
                     options: [
                       AddressTextFieldOption.qrCode,
@@ -214,102 +139,103 @@ class SendFormState extends State<SendForm> {
                       return sendStore.errorMessage;
                     },
                   ),
-                  Padding(
-                    padding: const EdgeInsets.only(top: 20),
-                    child: TextFormField(
-                        style: TextStyle(
-                            fontSize: 14.0,
-                            color: Theme.of(context)
-                                .accentTextTheme
-                                .overline
-                                .backgroundColor),
-                        controller: _paymentIdController,
-                        decoration: InputDecoration(
-                            hintStyle: TextStyle(
-                                fontSize: 14.0,
-                                color: Theme.of(context).hintColor),
-                            hintText: S.of(context).send_payment_id,
-                            focusedBorder: UnderlineInputBorder(
-                                borderSide: BorderSide(
-                                    color: Palette.cakeGreen, width: 2.0)),
-                            enabledBorder: UnderlineInputBorder(
-                                borderSide: BorderSide(
-                                    color: Theme.of(context).focusColor,
-                                    width: 1.0))),
-                        validator: (value) {
-                          sendStore.validatePaymentID(value);
-                          return sendStore.errorMessage;
-                        }),
+                  Observer(
+                    builder: (_) {
+                      return Padding(
+                        padding: const EdgeInsets.only(top: 20),
+                        child: TextFormField(
+                            style: TextStyle(
+                                fontSize: 16.0,
+                                color: Colors.white
+                            ),
+                            controller: _cryptoAmountController,
+                            keyboardType: TextInputType.numberWithOptions(
+                                signed: false, decimal: true),
+                            inputFormatters: [
+                              BlacklistingTextInputFormatter(
+                                  RegExp('[\\-|\\ |\\,]'))
+                            ],
+                            decoration: InputDecoration(
+                                prefixIcon: Padding(
+                                  padding: EdgeInsets.only(top: 12),
+                                  child: Text('XMR:',
+                                      style: TextStyle(
+                                        fontSize: 16,
+                                        fontWeight: FontWeight.bold,
+                                        color: Colors.white,
+                                      )),
+                                ),
+                                suffixIcon: Padding(
+                                  padding: EdgeInsets.only(
+                                      bottom: 5
+                                  ),
+                                  child: Row(
+                                    mainAxisSize: MainAxisSize.min,
+                                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                                    children: <Widget>[
+                                      Container(
+                                        width: MediaQuery.of(context).size.width/2,
+                                        alignment: Alignment.centerLeft,
+                                        child: Text(
+                                            ' / ' + balanceStore.unlockedBalance,
+                                            maxLines: 1,
+                                            overflow: TextOverflow.ellipsis,
+                                            style: TextStyle(
+                                                fontSize: 16,
+                                                color: PaletteDark.walletCardText
+                                            )
+                                        ),
+                                      ),
+                                      Container(
+                                        height: 32,
+                                        width: 32,
+                                        margin: EdgeInsets.only(left: 12, bottom: 7, top: 4),
+                                        decoration: BoxDecoration(
+                                            color: PaletteDark.walletCardSubAddressField,
+                                            borderRadius: BorderRadius.all(Radius.circular(6))
+                                        ),
+                                        child: InkWell(
+                                          onTap: () => sendStore.setSendAll(),
+                                          child: Center(
+                                            child: Text(S.of(context).all,
+                                                style: TextStyle(
+                                                    fontSize: 9,
+                                                    fontWeight: FontWeight.bold,
+                                                    color: PaletteDark.walletCardText
+                                                )
+                                            ),
+                                          ),
+                                        ),
+                                      )
+                                    ],
+                                  ),
+                                ),
+                                hintStyle: TextStyle(
+                                    fontSize: 16.0,
+                                    color: Colors.white),
+                                hintText: '0.0000',
+                                focusedBorder: UnderlineInputBorder(
+                                    borderSide: BorderSide(
+                                        color: PaletteDark.walletCardSubAddressField,
+                                        width: 1.0)),
+                                enabledBorder: UnderlineInputBorder(
+                                    borderSide: BorderSide(
+                                        color: PaletteDark.walletCardSubAddressField,
+                                        width: 1.0))),
+                            validator: (value) {
+                              sendStore.validateXMR(
+                                  value, balanceStore.unlockedBalance);
+                              return sendStore.errorMessage;
+                            }),
+                      );
+                    }
                   ),
                   Padding(
                     padding: const EdgeInsets.only(top: 20),
                     child: TextFormField(
                         style: TextStyle(
-                            fontSize: 18.0,
-                            color: Theme.of(context)
-                                .accentTextTheme
-                                .overline
-                                .color),
-                        controller: _cryptoAmountController,
-                        keyboardType: TextInputType.numberWithOptions(
-                            signed: false, decimal: true),
-                        inputFormatters: [
-                          BlacklistingTextInputFormatter(
-                              RegExp('[\\-|\\ |\\,]'))
-                        ],
-                        decoration: InputDecoration(
-                            prefixIcon: Padding(
-                              padding: EdgeInsets.only(top: 12),
-                              child: Text('XMR:',
-                                  style: TextStyle(
-                                    fontSize: 18,
-                                    color: Theme.of(context)
-                                        .accentTextTheme
-                                        .overline
-                                        .color,
-                                  )),
-                            ),
-                            suffixIcon: Container(
-                              width: 1,
-                              padding: EdgeInsets.only(top: 0),
-                              child: Center(
-                                child: InkWell(
-                                    onTap: () => sendStore.setSendAll(),
-                                    child: Text(S.of(context).all,
-                                        style: TextStyle(
-                                            fontSize: 10,
-                                            color: Theme.of(context)
-                                                .accentTextTheme
-                                                .overline
-                                                .decorationColor))),
-                              ),
-                            ),
-                            hintStyle: TextStyle(
-                                fontSize: 18.0,
-                                color: Theme.of(context).hintColor),
-                            hintText: '0.0000',
-                            focusedBorder: UnderlineInputBorder(
-                                borderSide: BorderSide(
-                                    color: Palette.cakeGreen, width: 2.0)),
-                            enabledBorder: UnderlineInputBorder(
-                                borderSide: BorderSide(
-                                    color: Theme.of(context).focusColor,
-                                    width: 1.0))),
-                        validator: (value) {
-                          sendStore.validateXMR(
-                              value, balanceStore.unlockedBalance);
-                          return sendStore.errorMessage;
-                        }),
-                  ),
-                  Padding(
-                    padding: const EdgeInsets.only(top: 20),
-                    child: TextFormField(
-                        style: TextStyle(
-                            fontSize: 18.0,
-                            color: Theme.of(context)
-                                .accentTextTheme
-                                .overline
-                                .color),
+                            fontSize: 16.0,
+                            color: Colors.white),
                         controller: _fiatAmountController,
                         keyboardType: TextInputType.numberWithOptions(
                             signed: false, decimal: true),
@@ -323,123 +249,147 @@ class SendFormState extends State<SendForm> {
                               child: Text(
                                   '${settingsStore.fiatCurrency.toString()}:',
                                   style: TextStyle(
-                                    fontSize: 18,
-                                    color: Theme.of(context)
-                                        .accentTextTheme
-                                        .overline
-                                        .color,
+                                    fontSize: 16,
+                                    fontWeight: FontWeight.bold,
+                                    color: Colors.white,
                                   )),
                             ),
                             hintStyle: TextStyle(
-                                fontSize: 18.0,
-                                color: Theme.of(context).hintColor),
+                                fontSize: 16.0,
+                                color: PaletteDark.walletCardText),
                             hintText: '0.00',
                             focusedBorder: UnderlineInputBorder(
                                 borderSide: BorderSide(
-                                    color: Palette.cakeGreen, width: 2.0)),
+                                    color: PaletteDark.walletCardSubAddressField,
+                                    width: 1.0)),
                             enabledBorder: UnderlineInputBorder(
                                 borderSide: BorderSide(
-                                    color: Theme.of(context).focusColor,
+                                    color: PaletteDark.walletCardSubAddressField,
                                     width: 1.0)))),
                   ),
-                  Padding(
-                    padding: const EdgeInsets.only(top: 12.0, bottom: 10),
-                    child: Row(
-                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                      children: <Widget>[
-                        Text(S.of(context).send_estimated_fee,
-                            style: TextStyle(
-                              fontSize: 14,
-                              fontWeight: FontWeight.w500,
-                              color: Theme.of(context)
-                                  .accentTextTheme
-                                  .overline
-                                  .backgroundColor,
-                            )),
-                        Text(
-                            '${calculateEstimatedFee(priority: settingsStore.transactionPriority)} XMR',
-                            style: TextStyle(
-                              fontSize: 14,
-                              fontWeight: FontWeight.w500,
-                              color: Theme.of(context)
-                                  .primaryTextTheme
-                                  .overline
-                                  .backgroundColor,
-                            ))
-                      ],
-                    ),
-                  ),
-                  SizedBox(
-                    width: double.infinity,
-                    child: Text(
-                        S.of(context).send_priority(
-                            settingsStore.transactionPriority.toString()),
-                        style: TextStyle(
-                            fontSize: 12,
-                            fontWeight: FontWeight.w500,
-                            color: Theme.of(context)
-                                .primaryTextTheme
-                                .subtitle
-                                .color,
-                            height: 1.3)),
-                  ),
                 ]),
               ),
+            ),
+            Padding(
+              padding: EdgeInsets.only(
+                top: 32,
+                left: 24,
+                bottom: 24
+              ),
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.start,
+                children: <Widget>[
+                  Text(
+                    'Templates',
+                    style: TextStyle(
+                        fontSize: 18,
+                        fontWeight: FontWeight.w600,
+                        color: PaletteDark.walletCardText
+                    ),
+                  )
+                ],
+              ),
+            ),
+            Container(
+              height: 40,
+              width: double.infinity,
+              padding: EdgeInsets.only(left: 24),
+              child: ListView.builder(
+                  scrollDirection: Axis.horizontal,
+                  itemCount: 1,
+                  itemBuilder: (context, index) {
+
+                    if (index == 0) {
+                      return GestureDetector(
+                        onTap: () {},
+                        child: Container(
+                          padding: EdgeInsets.only(right: 10),
+                          child: DottedBorder(
+                            borderType: BorderType.RRect,
+                            dashPattern: [8, 4],
+                            color: PaletteDark.menuList,
+                            strokeWidth: 2,
+                            radius: Radius.circular(20),
+                            child: Container(
+                              height: 40,
+                              width: 75,
+                              padding: EdgeInsets.only(left: 10, right: 10),
+                              alignment: Alignment.center,
+                              decoration: BoxDecoration(
+                                borderRadius: BorderRadius.all(Radius.circular(20)),
+                                color: Colors.transparent,
+                              ),
+                              child: Text(
+                                'New',
+                                style: TextStyle(
+                                  fontSize: 14,
+                                  fontWeight: FontWeight.w600,
+                                  color: PaletteDark.walletCardText
+                                ),
+                              ),
+                            )
+                          ),
+                        ),
+                      );
+                    }
+
+                    return Container();
+                  }
+              ),
             )
           ],
         ),
+        bottomSectionPadding: EdgeInsets.only(left: 24, right: 24, bottom: 24),
         bottomSection: Observer(builder: (_) {
           return LoadingPrimaryButton(
               onPressed: syncStore.status is SyncedSyncStatus
                   ? () async {
-                      // Hack. Don't ask me.
-                      FocusScope.of(context).requestFocus(FocusNode());
+                // Hack. Don't ask me.
+                FocusScope.of(context).requestFocus(FocusNode());
 
-                      if (_formKey.currentState.validate()) {
-                        await showDialog<void>(
-                            context: context,
-                            builder: (dialogContext) {
-                              return AlertDialog(
-                                title: Text(
-                                    S.of(context).send_creating_transaction),
-                                content: Text(S.of(context).confirm_sending),
-                                actions: <Widget>[
-                                  FlatButton(
-                                      child: Text(S.of(context).send),
-                                      onPressed: () async {
-                                        await Navigator.of(dialogContext)
-                                            .popAndPushNamed(Routes.auth,
-                                                arguments: (bool
-                                                        isAuthenticatedSuccessfully,
-                                                    AuthPageState auth) {
-                                          if (!isAuthenticatedSuccessfully) {
-                                            return;
-                                          }
+                if (_formKey.currentState.validate()) {
+                  await showDialog<void>(
+                      context: context,
+                      builder: (dialogContext) {
+                        return AlertWithTwoActions(
+                          alertTitle: S.of(context).send_creating_transaction,
+                          alertContent: S.of(context).confirm_sending,
+                          leftButtonText: S.of(context).send,
+                          rightButtonText: S.of(context).cancel,
+                          actionLeftButton: () async {
+                            await Navigator.of(dialogContext)
+                                .popAndPushNamed(Routes.auth,
+                                arguments: (bool
+                                isAuthenticatedSuccessfully,
+                                    AuthPageState auth) {
+                                  if (!isAuthenticatedSuccessfully) {
+                                    return;
+                                  }
 
-                                          Navigator.of(auth.context).pop();
+                                  Navigator.of(auth.context).pop();
 
-                                          sendStore.createTransaction(
-                                              address: _addressController.text,
-                                              paymentId:
-                                                  _paymentIdController.text);
-                                        });
-                                      }),
-                                  FlatButton(
-                                      child: Text(S.of(context).cancel),
-                                      onPressed: () =>
-                                          Navigator.of(context).pop())
-                                ],
-                              );
-                            });
-                      }
-                    }
-                  : null,
+                                  sendStore.createTransaction(
+                                      address: _addressController.text,
+                                      paymentId: '');
+                                });
+                          },
+                          actionRightButton: () =>
+                              Navigator.of(context).pop()
+                        );
+                      });
+                }
+              }
+              : null,
               text: S.of(context).send,
-              color: Theme.of(context).accentTextTheme.button.backgroundColor,
-              textColor: Theme.of(context).primaryTextTheme.button.color,
+              color: Colors.blue,
+              textColor: Colors.white,
               isLoading: sendStore.state is CreatingTransaction ||
-                  sendStore.state is TransactionCommiting);
-        }));
+                  sendStore.state is TransactionCommiting,
+              isDisabled: !(syncStore.status is SyncedSyncStatus),
+          );
+        }),
+      ),
+    );
   }
 
   void _setEffects(BuildContext context) {
@@ -483,14 +433,11 @@ class SendFormState extends State<SendForm> {
           showDialog<void>(
               context: context,
               builder: (BuildContext context) {
-                return AlertDialog(
-                  title: Text(S.of(context).error),
-                  content: Text(state.error),
-                  actions: <Widget>[
-                    FlatButton(
-                        child: Text(S.of(context).ok),
-                        onPressed: () => Navigator.of(context).pop())
-                  ],
+                return AlertWithOneAction(
+                  alertTitle: S.of(context).error,
+                  alertContent: state.error,
+                  buttonText: S.of(context).ok,
+                  buttonAction: () => Navigator.of(context).pop()
                 );
               });
         });
@@ -501,23 +448,25 @@ class SendFormState extends State<SendForm> {
           showDialog<void>(
               context: context,
               builder: (BuildContext context) {
-                return AlertDialog(
-                  title: Text(S.of(context).confirm_sending),
-                  content: Text(S.of(context).commit_transaction_amount_fee(
-                      sendStore.pendingTransaction.amount,
-                      sendStore.pendingTransaction.fee)),
-                  actions: <Widget>[
-                    FlatButton(
-                        child: Text(S.of(context).ok),
-                        onPressed: () {
-                          Navigator.of(context).pop();
-                          sendStore.commitTransaction();
-                        }),
-                    FlatButton(
-                      child: Text(S.of(context).cancel),
-                      onPressed: () => Navigator.of(context).pop(),
-                    )
-                  ],
+                return ConfirmSendingAlert(
+                    alertTitle: S.of(context).confirm_sending,
+                    amount: 'Amount:',
+                    amountValue: sendStore.pendingTransaction.amount,
+                    fee: 'Fee:',
+                    feeValue: sendStore.pendingTransaction.fee,
+                    leftButtonText: S.of(context).ok,
+                    rightButtonText: S.of(context).cancel,
+                    actionLeftButton: () {
+                      Navigator.of(context).pop();
+                      sendStore.commitTransaction();
+                      showDialog<void>(
+                        context: context,
+                        builder: (BuildContext context) {
+                          return SendingAlert(sendStore: sendStore);
+                        }
+                      );
+                    },
+                    actionRightButton: () => Navigator.of(context).pop()
                 );
               });
         });
@@ -525,23 +474,8 @@ class SendFormState extends State<SendForm> {
 
       if (state is TransactionCommitted) {
         WidgetsBinding.instance.addPostFrameCallback((_) {
-          showDialog<void>(
-              context: context,
-              builder: (BuildContext context) {
-                return AlertDialog(
-                  title: Text(S.of(context).sending),
-                  content: Text(S.of(context).transaction_sent),
-                  actions: <Widget>[
-                    FlatButton(
-                        child: Text(S.of(context).ok),
-                        onPressed: () {
-                          _addressController.text = '';
-                          _cryptoAmountController.text = '';
-                          Navigator.of(context)..pop()..pop();
-                        })
-                  ],
-                );
-              });
+          _addressController.text = '';
+          _cryptoAmountController.text = '';
         });
       }
     });
diff --git a/lib/src/screens/send/widgets/confirm_sending_alert.dart b/lib/src/screens/send/widgets/confirm_sending_alert.dart
new file mode 100644
index 000000000..373180863
--- /dev/null
+++ b/lib/src/screens/send/widgets/confirm_sending_alert.dart
@@ -0,0 +1,100 @@
+import 'package:flutter/material.dart';
+import 'package:cake_wallet/src/widgets/base_alert_dialog.dart';
+
+class ConfirmSendingAlert extends BaseAlertDialog {
+  ConfirmSendingAlert({
+    @required this.alertTitle,
+    @required this.amount,
+    @required this.amountValue,
+    @required this.fee,
+    @required this.feeValue,
+    @required this.leftButtonText,
+    @required this.rightButtonText,
+    @required this.actionLeftButton,
+    @required this.actionRightButton,
+    this.alertBarrierDismissible = true
+  });
+
+  final String alertTitle;
+  final String amount;
+  final String amountValue;
+  final String fee;
+  final String feeValue;
+  final String leftButtonText;
+  final String rightButtonText;
+  final VoidCallback actionLeftButton;
+  final VoidCallback actionRightButton;
+  final bool alertBarrierDismissible;
+
+  @override
+  String get titleText => alertTitle;
+
+  @override
+  String get leftActionButtonText => leftButtonText;
+  @override
+  String get rightActionButtonText => rightButtonText;
+  @override
+  VoidCallback get actionLeft => actionLeftButton;
+  @override
+  VoidCallback get actionRight => actionRightButton;
+  @override
+  bool get barrierDismissible => alertBarrierDismissible;
+
+  @override
+  Widget content(BuildContext context) {
+    return Column(
+      mainAxisSize: MainAxisSize.max,
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      children: <Widget>[
+        Row(
+          mainAxisSize: MainAxisSize.max,
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: <Widget>[
+            Text(
+              amount,
+              style: TextStyle(
+                fontSize: 16,
+                fontWeight: FontWeight.w600,
+                color: Colors.white,
+                decoration: TextDecoration.none,
+              ),
+            ),
+            Text(
+              amountValue,
+              style: TextStyle(
+                fontSize: 16,
+                fontWeight: FontWeight.w600,
+                color: Colors.white,
+                decoration: TextDecoration.none,
+              ),
+            )
+          ],
+        ),
+        Row(
+          mainAxisSize: MainAxisSize.max,
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: <Widget>[
+            Text(
+              fee,
+              style: TextStyle(
+                fontSize: 16,
+                fontWeight: FontWeight.w600,
+                color: Colors.white,
+                decoration: TextDecoration.none,
+              ),
+            ),
+            Text(
+              feeValue,
+              style: TextStyle(
+                fontSize: 16,
+                fontWeight: FontWeight.w600,
+                color: Colors.white,
+                decoration: TextDecoration.none,
+              ),
+            )
+          ],
+        )
+      ],
+    );
+  }
+}
\ No newline at end of file
diff --git a/lib/src/screens/send/widgets/sending_alert.dart b/lib/src/screens/send/widgets/sending_alert.dart
new file mode 100644
index 000000000..da23e4df0
--- /dev/null
+++ b/lib/src/screens/send/widgets/sending_alert.dart
@@ -0,0 +1,105 @@
+import 'dart:ui';
+import 'package:cake_wallet/palette.dart';
+import 'package:cake_wallet/src/stores/send/sending_state.dart';
+import 'package:flutter/material.dart';
+import 'package:cake_wallet/src/widgets/primary_button.dart';
+import 'package:cake_wallet/src/stores/send/send_store.dart';
+import 'package:cake_wallet/generated/i18n.dart';
+import 'package:flutter_mobx/flutter_mobx.dart';
+
+class SendingAlert extends StatefulWidget {
+  SendingAlert({@required this.sendStore});
+
+  final SendStore sendStore;
+
+  @override
+  SendingAlertState createState() => SendingAlertState(sendStore);
+}
+
+class SendingAlertState extends State<SendingAlert> {
+  SendingAlertState(this.sendStore);
+
+  final SendStore sendStore;
+
+  @override
+  Widget build(BuildContext context) {
+    return Observer(
+      builder: (_) {
+        final state = sendStore.state;
+
+        if (state is TransactionCommitted) {
+          return Stack(
+            children: <Widget>[
+              Container(
+                color: PaletteDark.historyPanel,
+                  child: Center(
+                    child: Image.asset(
+                        'assets/images/birthday_cake.png'),
+                  ),
+              ),
+              Center(
+                child: Padding(
+                  padding: EdgeInsets.only(top: 220, left: 24, right: 24),
+                  child: Text(
+                    'Your Monero was successfully sent',
+                    textAlign: TextAlign.center,
+                    style: TextStyle(
+                      fontSize: 22,
+                      fontWeight: FontWeight.bold,
+                      color: Colors.white,
+                      decoration: TextDecoration.none,
+                    ),
+                  ),
+                ),
+              ),
+              Positioned(
+                left: 24,
+                right: 24,
+                bottom: 24,
+                child: PrimaryButton(
+                  onPressed: () => Navigator.of(context).pop(),
+                  text: 'Got it',
+                  color: Colors.blue,
+                  textColor: Colors.white
+                )
+              )
+            ],
+          );
+        }
+
+        return Stack(
+          children: <Widget>[
+            Container(
+              color: PaletteDark.historyPanel,
+              child: Center(
+                child: Image.asset(
+                    'assets/images/birthday_cake.png'),
+              ),
+            ),
+            BackdropFilter(
+              filter: ImageFilter.blur(sigmaX: 3.0, sigmaY: 3.0),
+              child: Container(
+                decoration: BoxDecoration(color: PaletteDark.historyPanel.withOpacity(0.25)),
+                child: Center(
+                  child: Padding(
+                    padding: EdgeInsets.only(top: 220),
+                    child: Text(
+                      'Sending...',
+                      textAlign: TextAlign.center,
+                      style: TextStyle(
+                        fontSize: 22,
+                        fontWeight: FontWeight.bold,
+                        color: Colors.white,
+                        decoration: TextDecoration.none,
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+            )
+          ],
+        );
+      }
+    );
+  }
+}
\ No newline at end of file
diff --git a/lib/src/widgets/address_text_field.dart b/lib/src/widgets/address_text_field.dart
index a13132e55..d8525a4e9 100644
--- a/lib/src/widgets/address_text_field.dart
+++ b/lib/src/widgets/address_text_field.dart
@@ -40,6 +40,10 @@ class AddressTextField extends StatelessWidget {
       enabled: isActive,
       controller: controller,
       focusNode: focusNode,
+      style: TextStyle(
+        fontSize: 16,
+        color: Colors.white
+      ),
       decoration: InputDecoration(
         suffixIcon: SizedBox(
           width: prefixIconWidth * options.length +
@@ -58,9 +62,9 @@ class AddressTextField extends StatelessWidget {
                       child: Container(
                           padding: EdgeInsets.all(8),
                           decoration: BoxDecoration(
-                              color: Palette.wildDarkBlueWithOpacity,
+                              color: PaletteDark.walletCardSubAddressField,
                               borderRadius:
-                                  BorderRadius.all(Radius.circular(8))),
+                                  BorderRadius.all(Radius.circular(6))),
                           child: Image.asset('assets/images/qr_code_icon.png')),
                     ))
               ],
@@ -76,11 +80,11 @@ class AddressTextField extends StatelessWidget {
                       child: Container(
                           padding: EdgeInsets.all(8),
                           decoration: BoxDecoration(
-                              color: Palette.wildDarkBlueWithOpacity,
+                              color: PaletteDark.walletCardSubAddressField,
                               borderRadius:
-                                  BorderRadius.all(Radius.circular(8))),
+                                  BorderRadius.all(Radius.circular(6))),
                           child: Image.asset(
-                              'assets/images/address_book_icon.png')),
+                              'assets/images/open_book.png')),
                     ))
               ],
               if (this
@@ -95,9 +99,9 @@ class AddressTextField extends StatelessWidget {
                       child: Container(
                           padding: EdgeInsets.all(8),
                           decoration: BoxDecoration(
-                              color: Palette.wildDarkBlueWithOpacity,
+                              color: PaletteDark.walletCardSubAddressField,
                               borderRadius:
-                                  BorderRadius.all(Radius.circular(8))),
+                                  BorderRadius.all(Radius.circular(6))),
                           child: Image.asset(
                               'assets/images/receive_icon_raw.png')),
                     ))
@@ -105,13 +109,18 @@ class AddressTextField extends StatelessWidget {
             ],
           ),
         ),
-        hintStyle: TextStyle(color: Theme.of(context).hintColor),
+        hintStyle: TextStyle(
+          fontSize: 16,
+          color: PaletteDark.walletCardText
+        ),
         hintText: placeholder ?? S.current.widgets_address,
         focusedBorder: UnderlineInputBorder(
-            borderSide: BorderSide(color: Palette.cakeGreen, width: 2.0)),
+            borderSide: BorderSide(
+                color: PaletteDark.walletCardSubAddressField,
+                width: 1.0)),
         enabledBorder: UnderlineInputBorder(
             borderSide:
-                BorderSide(color: Theme.of(context).focusColor, width: 1.0)),
+                BorderSide(color: PaletteDark.walletCardSubAddressField, width: 1.0)),
       ),
       validator: validator,
     );
diff --git a/lib/src/widgets/base_alert_dialog.dart b/lib/src/widgets/base_alert_dialog.dart
index d85ae21fc..082cd418b 100644
--- a/lib/src/widgets/base_alert_dialog.dart
+++ b/lib/src/widgets/base_alert_dialog.dart
@@ -138,7 +138,7 @@ class BaseAlertDialog extends StatelessWidget {
                       Container(
                         width: 300,
                         height: 77,
-                        padding: EdgeInsets.all(24),
+                        padding: EdgeInsets.only(left: 24, right: 24),
                         decoration: BoxDecoration(
                           borderRadius: BorderRadius.only(
                             topLeft: Radius.circular(24),
diff --git a/lib/src/widgets/seed_widget.dart b/lib/src/widgets/seed_widget.dart
index ec33d7ede..64298da6d 100644
--- a/lib/src/widgets/seed_widget.dart
+++ b/lib/src/widgets/seed_widget.dart
@@ -238,7 +238,6 @@ class SeedWidgetState extends State<SeedWidget> {
             fit: FlexFit.tight,
             flex: 1,
             child: TopPanel(
-                height: null,
                 color: PaletteDark.menuList,
                 widget: SingleChildScrollView(
                   child: Column(
diff --git a/lib/src/widgets/top_panel.dart b/lib/src/widgets/top_panel.dart
index c175b26c9..dc8b5c1d5 100644
--- a/lib/src/widgets/top_panel.dart
+++ b/lib/src/widgets/top_panel.dart
@@ -1,9 +1,8 @@
 import 'package:flutter/material.dart';
 
 class TopPanel extends StatelessWidget {
-  TopPanel({@required this.height, @required this.color, @required this.widget});
+  TopPanel({@required this.color, @required this.widget});
 
-  final double height;
   final Color color;
   final Widget widget;
 
@@ -11,7 +10,6 @@ class TopPanel extends StatelessWidget {
   Widget build(BuildContext context) {
     return Container(
       width: double.infinity,
-      height: height ?? double.infinity,
       padding: EdgeInsets.all(24),
       decoration: BoxDecoration(
         borderRadius: BorderRadius.only(
diff --git a/pubspec.lock b/pubspec.lock
index ee0d1d59f..02600cd1b 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -232,6 +232,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "3.0.7"
+  dotted_border:
+    dependency: "direct main"
+    description:
+      name: dotted_border
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.5"
   encrypt:
     dependency: "direct main"
     description:
@@ -525,6 +532,20 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.6.4"
+  path_drawing:
+    dependency: transitive
+    description:
+      name: path_drawing
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.4.1"
+  path_parsing:
+    dependency: transitive
+    description:
+      name: path_parsing
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.1.4"
   path_provider:
     dependency: "direct main"
     description:
diff --git a/pubspec.yaml b/pubspec.yaml
index 561f9e935..b0818a6fc 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -49,6 +49,7 @@ dependencies:
   package_info: ^0.4.0+13
   devicelocale: ^0.2.1
   auto_size_text: ^2.1.0
+  dotted_border: ^1.0.5
 
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.