Wrap create wallet button in a white background

planetdecred · Sep 15, 2021 · 8be6c9f · 8be6c9f
1 parent 0b5a911
commit 8be6c9f
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/ui/page/wallet_page.go b/ui/page/wallet_page.go
@@ -91,6 +91,8 @@ func NewWalletPage(l *load.Load) *WalletPage {
 		backupAcctIcon:           l.Icons.NavigationArrowForward,
 	}
 
+	pg.openAddWalletPopupButton.Radius = decredmaterial.Radius(24)
+
 	pg.separator.Color = l.Theme.Color.Gray1
 	pg.addAcctIcon.Color = l.Theme.Color.Text
 
@@ -787,7 +789,16 @@ func (pg *WalletPage) layoutAddWalletSection(gtx layout.Context) layout.Dimensio
 			layout.Rigid(func(gtx C) D {
 				icon := pg.Icons.NewWalletIcon
 				// TODO: wrap in circular bg
-				return pg.openAddWalletPopupButton.Layout(gtx, icon.Layout24dp)
+
+				return pg.openAddWalletPopupButton.Layout(gtx, func(gtx layout.Context) layout.Dimensions {
+					return decredmaterial.LinearLayout{
+						Width:      decredmaterial.WrapContent,
+						Height:     decredmaterial.WrapContent,
+						Padding:    layout.UniformInset(values.MarginPadding12),
+						Background: pg.Theme.Color.Surface,
+						Border:     decredmaterial.Border{Radius: pg.openAddWalletPopupButton.Radius},
+					}.Layout2(gtx, icon.Layout24dp)
+				})
 			}),
 		)
 	})