Design improvements and bug fixes

pages/_app.js

@@ -30,10 +30,9 @@ function MyApp({ Component, pageProps, router }) {
         <meta property="og:image" content="/images/banner.png" />
         <meta property="twitter:title" content="SVGL - Beautiful SVG logos" />
         <meta property="twitter:url" content="https://svgl.vercel.app/" />
-        <meta property="twitter:card" content="summary_large_image" />
+        <meta property="twitter:card" content="summary" />
         <meta property="twitter:creator" content="@pheralb" />
         <meta property="twitter:description" content="Beautiful SVG logos. Free and open source." />
-        <meta property="twitter:image:src" content="/images/banner.png" />
         <meta name="keywords" content="svg,vector,logo,logos,download" />
         <meta content="#16161a" name="theme-color" />
         <link rel="icon" href="/icons/icon.ico" />

pages/svg/[id].js

@@ -40,7 +40,13 @@ export default function Icon() {
   if (!data) return <Loader />;
 
   const downloadSvg = (name, url) => {
-    confetti();
+    confetti({
+      particleCount: 200,
+      startVelocity: 30,
+      spread: 300,
+      gravity: 1.2,
+      origin: { y: 0 },
+    });
     download(url);
   };
 
@@ -78,8 +84,10 @@ export default function Icon() {
               >
                 {data.title}
               </chakra.h1>
-              <Flex direction={{ base: "column", md: "row" }} mt="2">
+              <Flex direction={{ base: "column", md: "row" }} w="100%" mt="2">
                 <Button
+                  w={{ base: "100%", md: "auto" }}
+                  mb={{ base: "2", md: "0" }}
                   leftIcon={<IoCloudDownloadOutline />}
                   variant="primary"
                   fontWeight="light"
@@ -90,6 +98,7 @@ export default function Icon() {
                 </Button>
                 <Link href={data.url} passHref>
                   <Button
+                    w={{ base: "100%", md: "auto" }}
                     fontWeight="light"
                     borderWidth="1px"
                     rightIcon={<BiLinkExternal />}