add bg for list item

Author: ginuerzh

README.md

@@ -1,6 +1,6 @@
 # GOST-PLUS
 
-A cross-platform GUI client for GOST.PLUS built with [gioui](https://gioui.org).
+A cross-platform GUI client for [GOST.PLUS](https://gost.plus) built with [gioui](https://gioui.org).
 
 ## Features
 

ui/page/entrypoint.go

@@ -122,7 +122,7 @@ func (p *entryPointPage) Layout(gtx C, th *material.Theme) D {
 						}
 						op.InvalidateOp{}.Add(gtx.Ops)
 					}
-					return state.editor.Layout(gtx, func(gtx C) D {
+					return material.Clickable(gtx, &state.editor, func(gtx C) D {
 						return layout.UniformInset(10).Layout(gtx, func(gtx C) D {
 							return p.layout(gtx, th, s)
 						})

ui/page/menu.go

@@ -90,7 +90,7 @@ func (p *menuPage) Layout(gtx C, th *material.Theme) D {
 					layout.Rigid(func(gtx C) D {
 						return layout.Inset{Top: 5, Bottom: 5}.Layout(gtx, func(gtx C) D {
 							return component.Surface(th).Layout(gtx, func(gtx C) D {
-								return p.wgFile.Layout(gtx, func(gtx C) D {
+								return material.Clickable(gtx, &p.wgFile, func(gtx C) D {
 									return layout.UniformInset(10).Layout(gtx, func(gtx C) D {
 										return p.layoutCard(gtx, th, "File", "Expose local files to public network")
 									})
@@ -101,7 +101,7 @@ func (p *menuPage) Layout(gtx C, th *material.Theme) D {
 					layout.Rigid(func(gtx C) D {
 						return layout.Inset{Top: 5, Bottom: 5}.Layout(gtx, func(gtx C) D {
 							return component.Surface(th).Layout(gtx, func(gtx C) D {
-								return p.wgHTTP.Layout(gtx, func(gtx C) D {
+								return material.Clickable(gtx, &p.wgHTTP, func(gtx C) D {
 									return layout.UniformInset(10).Layout(gtx, func(gtx C) D {
 										return p.layoutCard(gtx, th, "HTTP", "Expose local HTTP service to public network")
 									})
@@ -112,7 +112,7 @@ func (p *menuPage) Layout(gtx C, th *material.Theme) D {
 					layout.Rigid(func(gtx C) D {
 						return layout.Inset{Top: 5, Bottom: 5}.Layout(gtx, func(gtx C) D {
 							return component.Surface(th).Layout(gtx, func(gtx C) D {
-								return p.wgTCP.Layout(gtx, func(gtx C) D {
+								return material.Clickable(gtx, &p.wgTCP, func(gtx C) D {
 									return layout.UniformInset(10).Layout(gtx, func(gtx C) D {
 										return p.layoutCard(gtx, th, "TCP", "Expose local TCP service to public network")
 									})
@@ -123,7 +123,7 @@ func (p *menuPage) Layout(gtx C, th *material.Theme) D {
 					layout.Rigid(func(gtx C) D {
 						return layout.Inset{Top: 5, Bottom: 5}.Layout(gtx, func(gtx C) D {
 							return component.Surface(th).Layout(gtx, func(gtx C) D {
-								return p.wgUDP.Layout(gtx, func(gtx C) D {
+								return material.Clickable(gtx, &p.wgUDP, func(gtx C) D {
 									return layout.UniformInset(10).Layout(gtx, func(gtx C) D {
 										return p.layoutCard(gtx, th, "UDP", "Expose local UDP service to public network")
 									})
@@ -140,7 +140,7 @@ func (p *menuPage) Layout(gtx C, th *material.Theme) D {
 					layout.Rigid(func(gtx C) D {
 						return layout.Inset{Top: 5, Bottom: 5}.Layout(gtx, func(gtx C) D {
 							return component.Surface(th).Layout(gtx, func(gtx C) D {
-								return p.wgEntryPointTCP.Layout(gtx, func(gtx C) D {
+								return material.Clickable(gtx, &p.wgEntryPointTCP, func(gtx C) D {
 									return layout.UniformInset(10).Layout(gtx, func(gtx C) D {
 										return p.layoutCard(gtx, th, "TCP", "Create an entrypoint to the specified TCP tunnel")
 									})
@@ -151,7 +151,7 @@ func (p *menuPage) Layout(gtx C, th *material.Theme) D {
 					layout.Rigid(func(gtx C) D {
 						return layout.Inset{Top: 5, Bottom: 5}.Layout(gtx, func(gtx C) D {
 							return component.Surface(th).Layout(gtx, func(gtx C) D {
-								return p.wgEntryPointUDP.Layout(gtx, func(gtx C) D {
+								return material.Clickable(gtx, &p.wgEntryPointUDP, func(gtx C) D {
 									return layout.UniformInset(10).Layout(gtx, func(gtx C) D {
 										return p.layoutCard(gtx, th, "UDP", "Create an entrypoint to the specified UDP tunnel")
 									})

ui/page/tunnel.go

@@ -127,7 +127,7 @@ func (p *tunnelPage) Layout(gtx C, th *material.Theme) D {
 						}
 						op.InvalidateOp{}.Add(gtx.Ops)
 					}
-					return state.editor.Layout(gtx, func(gtx C) D {
+					return material.Clickable(gtx, &state.editor, func(gtx C) D {
 						return layout.UniformInset(10).Layout(gtx, func(gtx C) D {
 							return p.layout(gtx, th, s)
 						})