made button cover default browser clear icon

Djfaucette · Djfaucette · commit 9b4c6b4958f0 · 2021-10-26T17:14:56.000-04:00
diff --git a/elements/pfe-autocomplete/src/pfe-autocomplete.scss b/elements/pfe-autocomplete/src/pfe-autocomplete.scss
@@ -28,7 +28,8 @@ $LOCAL-VARIABLES: (
   }
 
   button.clear-search {
-    right: 10px;
+    width: 50px;
+    right: 0px;
   }
 }
 
@@ -113,7 +114,9 @@ button {
       color: pfe-var(ui-base);
     }
     svg {
-      width: 12px;
+      width: 14px;
+      position: relative;
+      top: 2px;
       stroke: pfe-var(surface--border);
     }
     &:hover svg,

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,8 @@ $LOCAL-VARIABLES: (`
`28`	`28`	`}`
`29`	`29`
`30`	`30`	`button.clear-search {`
`31`		`- right: 10px;`
	`31`	`+ width: 50px;`
	`32`	`+ right: 0px;`
`32`	`33`	`}`
`33`	`34`	`}`
`34`	`35`
`@@ -113,7 +114,9 @@ button {`
`113`	`114`	`color: pfe-var(ui-base);`
`114`	`115`	`}`
`115`	`116`	`svg {`
`116`		`- width: 12px;`
	`117`	`+ width: 14px;`
	`118`	`+ position: relative;`
	`119`	`+ top: 2px;`
`117`	`120`	`stroke: pfe-var(surface--border);`
`118`	`121`	`}`
`119`	`122`	`&:hover svg,`