Css added for facets

ulta-beauty/src/components/search-results.css

 .verticalCheckBox > .ant-checkbox-wrapper {
     display: flex;
     margin-inline-start: 0;
+}
+
+.verticalCheckBox {
+    display: block;
 }
\ No newline at end of file

ulta-beauty/src/components/search-results.js

@@ -83,7 +83,7 @@ const SearchResults = ({ searchResults, facets, onSelectFacet, onSelectFilter })
                             { facets.length > 0 && facets.map((facet, i) =>
                                 <Collapse ghost>
                                     <Panel header={facetMap.get(facet.key)} key={i} style={{ fontSize: '0.9rem', color: '#000000 ' }}>
-                                        <Checkbox.Group className="verticalCheckBox" options={[...facet.values.map((f) => ({label: f.value, value: f.value}) )]}
+                                        <Checkbox.Group className={'verticalCheckBox'} options={[...facet.values.map((f) => ({label: f.value, value: f.value}) )]}
                                             onChange={(val) => onChangeCheckboxHandler(val, facet.key)} />
                                     </Panel>
                                 </Collapse>

ulta-beauty/src/components/search.js

@@ -24,7 +24,6 @@ const Search = () => {
         const { searchQuery, facets, filters } = payload;
         if (searchQuery) {
             const apiEndpoint = 'https://api-dot-abs-poc-np-prj-01-3f2a.uc.r.appspot.com';
-            // const apiEndpoint = 'http://localhost:8080';
             const url =  `${apiEndpoint}/search?text=${searchQuery}${facets.length? `&facets=${JSON.stringify(facets)}` : ''}${filters && Object.keys(filters).length? `&filters=${JSON.stringify(filters)}` : ''}`;  
             const searchResults = await fetch(url)
                 .then(res => res.json())