autocomplete UI tweaks: center icon and focus outline

Amit Zur · Amit Zur · commit d9f7077f6212 · 2016-07-19T07:25:12.000+03:00
diff --git a/public/js/components/Autocomplete.css b/public/js/components/Autocomplete.css
@@ -51,10 +51,9 @@
   font-size: 0.8em;
   background-image: url("/images/magnifying-glass.svg");
   background-repeat: no-repeat;
-  background-position-y: calc(1.25em - 8px);
-  background-position-x: 5px;
+  background-position: 5px 50%;
 }
 
 .autocomplete input:focus {
-  outline: 2px solid #4a90e0;
+  border-color: #4a90e0;
 }

Original file line number	Diff line number	Diff line change
`@@ -51,10 +51,9 @@`
`51`	`51`	`font-size: 0.8em;`
`52`	`52`	`background-image: url("/images/magnifying-glass.svg");`
`53`	`53`	`background-repeat: no-repeat;`
`54`		`- background-position-y: calc(1.25em - 8px);`
`55`		`- background-position-x: 5px;`
	`54`	`+ background-position: 5px 50%;`
`56`	`55`	`}`
`57`	`56`
`58`	`57`	`.autocomplete input:focus {`
`59`		`- outline: 2px solid #4a90e0;`
	`58`	`+ border-color: #4a90e0;`
`60`	`59`	`}`