fix close button margin

dist/index.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#000000" />
   <meta property="og:title" content="three.cad" />
-  <meta property="og:description" content="CAD in the browser" />
+  <meta property="og:description" content="3D modelling software built using Three.js, React, and Web Assembly. Features parametric sketching and constructive solid geometry (CSG) capabilities." />
   <meta property="og:url" content="https://twpride.github.io/three.cad/" />
   <meta property="og:image" content="site_preview.gif" />
   <link rel="apple-touch-icon" href="icon-192.png" />

src/react/clip.jsx

@@ -26,7 +26,7 @@ export const Clip = ({ setClip, clip }) => {
         <div className='text-gray-50'>
           {clip[1]}
         </div>
-        <MdCancel className="absolute cursor-pointer text-gray-50 hover:text-gray-400  right-2"
+        <MdCancel className="absolute cursor-pointer text-gray-50 hover:text-gray-400 right-1"
           onClick={() => setClip(null)}
         />
       </div>

src/react/quickStart.jsx

@@ -169,7 +169,7 @@ export const QuickStart = ({ setModal }) => {
       <div className='text-gray-50'>
         Quick Start
         </div>
-      <MdCancel className="absolute cursor-pointer text-gray-50 hover:text-gray-400 right-2"
+      <MdCancel className="absolute cursor-pointer text-gray-50 hover:text-gray-400 right-1"
         onClick={() => setModal(null)}
       />
     </div>