Make SVG in dropdown menu have the same margin-right as IMG (#24316)

wxiaoguang · silverwind · web-flow · commit f16b66898091 · 2023-04-25T07:34:37.000-04:00
Fix #24226 ![image](https://user-images.githubusercontent.com/2114189/234167393-0fe36a0d-29c9-46b6-b71d-52436f2b27f3.png) Co-authored-by: silverwind <me@silverwind.io>
diff --git a/web_src/css/base.css b/web_src/css/base.css
@@ -864,6 +864,9 @@ a.label,
   margin-top: -0.25rem;
   margin-bottom: -0.25rem;
 }
+.ui.dropdown .menu > .item > svg {
+  margin-right: .78rem; /* use the same margin as for <img> */
+}
 
 .ui.selection.dropdown .menu > .item {
   border-color: var(--color-secondary);

Original file line number	Diff line number	Diff line change
`@@ -864,6 +864,9 @@ a.label,`
`864`	`864`	`margin-top: -0.25rem;`
`865`	`865`	`margin-bottom: -0.25rem;`
`866`	`866`	`}`
	`867`	`+.ui.dropdown .menu > .item > svg {`
	`868`	`+ margin-right: .78rem; /* use the same margin as for <img> */`
	`869`	`+}`
`867`	`870`
`868`	`871`	`.ui.selection.dropdown .menu > .item {`
`869`	`872`	`border-color: var(--color-secondary);`