Fix Lukk button

w3bdesign · w3bdesign · commit ddc71fb3e403 · 2020-09-15T21:22:55.000+02:00
diff --git a/components/SVG/SVGMobileSearchIcon.component.jsx b/components/SVG/SVGMobileSearchIcon.component.jsx
@@ -47,7 +47,7 @@ const SVGMobileSearchIcon = () => {
           className="right-0 z-50 w-full p-4 text-black bg-white"
           id="mobilesearchdiv"
         >
-          <div id="closeXsearch" className="mt-2 ml-64 cursor-pointer">
+          <div id="closeXsearch" className="mt-2 cursor-pointer">
             <SVGCloseX setisExpanded={setisExpanded} />
           </div>
          
diff --git a/styles/index.css b/styles/index.css
@@ -25,14 +25,8 @@
 
 /* Fix Algolia mobile-searchbox design issues */
 
-#mobilesearchdiv { 
-
-
-    left: 0;
-    position: absolute;
-
- 
-  
+#mobilesearchdiv {     
+    position: absolute;  
 }
 
 .ais-SearchBox-submit {

Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,7 @@ const SVGMobileSearchIcon = () => {`
`47`	`47`	`className="right-0 z-50 w-full p-4 text-black bg-white"`
`48`	`48`	`id="mobilesearchdiv"`
`49`	`49`	`>`
`50`		`- <div id="closeXsearch" className="mt-2 ml-64 cursor-pointer">`
	`50`	`+ <div id="closeXsearch" className="mt-2 cursor-pointer">`
`51`	`51`	`<SVGCloseX setisExpanded={setisExpanded} />`
`52`	`52`	`</div>`
`53`	`53`