fix hidden confirm button

Signed-off-by: Avinal Kumar <avinal.xlvii@gmail.com>

package-lock.json

@@ -8,7 +8,6 @@
         "npm": "^9.3.1"
       },
       "devDependencies": {
-        "@tailwindcss/aspect-ratio": "^0.4.2",
         "@tailwindcss/typography": "^0.5.8",
         "elm-land": "^0.18.1",
         "tailwindcss": "^3.2.4"
@@ -224,15 +223,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/@tailwindcss/aspect-ratio": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/aspect-ratio/-/aspect-ratio-0.4.2.tgz",
-      "integrity": "sha512-8QPrypskfBa7QIMuKHg2TA7BqES6vhBrDLOv8Unb6FcFyd3TjKbc6lcmb9UPQHxfl24sXoJ41ux/H7qQQvfaSQ==",
-      "dev": true,
-      "peerDependencies": {
-        "tailwindcss": ">=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1"
-      }
-    },
     "node_modules/@tailwindcss/typography": {
       "version": "0.5.8",
       "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.8.tgz",

package.json

@@ -1,6 +1,5 @@
 {
   "devDependencies": {
-    "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/typography": "^0.5.8",
     "elm-land": "^0.18.1",
     "tailwindcss": "^3.2.4"

src/Pages/Meet.elm

@@ -10,8 +10,10 @@ page : View msg
 page =
     { title = "Schedule a meet with me"
     , body =
-        [ Html.div [ class "aspect-square flex items-center justify-center flex-col h-screen m-2" ]
+        [ Html.div [ class "flex items-center justify-center flex-col h-screen m-2" ]
-            [ Html.node "cal-com" [ id "calcom-widget", class "w-full p-2 " ] [] ]
+            [ Html.node "cal-com" [ id "calcom-widget", class "w-full p-2" ] []
+            ]
+        , Html.div [ class "py-16" ] []
         , footerLinksToSide
         ]
     }

src/web-components/Calcom.js

@@ -49,6 +49,7 @@ customElements.define(
         },
         hideEventTypeDetails: false,
       });
+      console.log("These errors are not produced by the Elm app :)")
     }
   }
 );

tailwind.config.js

@@ -4,8 +4,5 @@ module.exports = {
   theme: {
     extend: {},
   },
-  plugins: [
+  plugins: [require("@tailwindcss/typography")],
-    require("@tailwindcss/typography"),
-    require("@tailwindcss/aspect-ratio"),
-  ],
 };