removed unneeded padding and made the button overlap the default clear icon

Djfaucette · Djfaucette · commit 26eb5f1536ef · 2021-10-26T17:19:22.000-04:00
diff --git a/elements/pfe-autocomplete/src/pfe-autocomplete.scss b/elements/pfe-autocomplete/src/pfe-autocomplete.scss
@@ -28,7 +28,7 @@ $LOCAL-VARIABLES: (
   }
 
   button.clear-search {
-    width: 50px;
+    width: 40px;
     right: 0px;
   }
 }
@@ -51,7 +51,7 @@ $LOCAL-VARIABLES: (
     flex: 1;
     box-shadow: pfe-local(BoxShadow) !important;
     padding-left: 10px;
-    padding-right: 30px;
+    padding-right: 0;
     border-radius: pfe-var(ui--border-radius);
     background-color: pfe-local(BackgroundColor);
     border: pfe-local(Border);

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ $LOCAL-VARIABLES: (`
`28`	`28`	`}`
`29`	`29`
`30`	`30`	`button.clear-search {`
`31`		`- width: 50px;`
	`31`	`+ width: 40px;`
`32`	`32`	`right: 0px;`
`33`	`33`	`}`
`34`	`34`	`}`
`@@ -51,7 +51,7 @@ $LOCAL-VARIABLES: (`
`51`	`51`	`flex: 1;`
`52`	`52`	`box-shadow: pfe-local(BoxShadow) !important;`
`53`	`53`	`padding-left: 10px;`
`54`		`- padding-right: 30px;`
	`54`	`+ padding-right: 0;`
`55`	`55`	`border-radius: pfe-var(ui--border-radius);`
`56`	`56`	`background-color: pfe-local(BackgroundColor);`
`57`	`57`	`border: pfe-local(Border);`