Cleanup markdown and CSS to work with Tailwind4 and DaisyUI 5

Make our theme look just like it used to (border radius)

postcss.config.js

@@ -1,5 +1,5 @@
 export default {
   plugins: {
-    '@tailwindcss/postcss': {},
+    "@tailwindcss/postcss": {},
   },
 }

src/app.css

@@ -1,4 +1,4 @@
-@import 'tailwindcss';
+@import "tailwindcss";
 
 @plugin '@tailwindcss/typography';
 @plugin "daisyui";
@@ -32,7 +32,7 @@
 
   /* border radius */
   --radius-selector: 1rem;
-  --radius-field: 0.25rem;
+  --radius-field: 0.5rem;
   --radius-box: 0.5rem;
 
   /* base sizes */

src/routes/(marketing)/+layout.svelte

@@ -86,7 +86,7 @@
 <div class="">
   <div class="border-t max-w-[1000px] mx-auto"></div>
   <footer
-    class="footer p-10 gap-x-48 lg:gap-x-64 xl:gap-x-96 place-content-center text-base"
+    class="footer md:footer-horizontal p-10 gap-x-48 lg:gap-x-64 xl:gap-x-96 place-content-center text-base"
   >
     <nav>
       <span class="footer-title opacity-80">Explore</span>

src/routes/(marketing)/+page.svelte

@@ -281,15 +281,16 @@
           target="_blank">Postgres</a
         >
       </div>
-      <div class="mt-6 md:mt-2">
+      <div
+        class="mt-6 md:mt-4 flex flex-row flex-wrap gap-4 place-content-center"
+      >
         <a href="https://github.com/CriticalMoments/CMSaasStarter">
-          <button class="btn btn-primary btn-sm px-6">★ us on Github</button>
+          <button class="btn btn-primary px-6">★ us on Github</button>
         </a>
         <a
           href="https://github.com/CriticalMoments/CMSaasStarter/tree/main#saas-starter"
         >
-          <button class="btn btn-outline btn-primary btn-sm px-6 mt-3 mx-2"
-            >Read the Docs</button
+          <button class="btn btn-outline btn-primary px-6">Read the Docs</button
           >
         </a>
       </div>

src/routes/(marketing)/blog/(posts)/how_we_built_our_41kb_saas_website/+page.svelte

@@ -17,8 +17,9 @@
 <a
   href="https://criticalmoments.io/blog/how_we_built_our_marketing_page"
   target="_blank"
-  class="btn btn-primary">Read the Blog Post</a
 >
+  <button class="btn btn-primary">Read the Blog Post</button>
+</a>
 
 <p>
   The blog post is over on <a href="https://criticalmoments.io" target="_blank"

src/routes/(marketing)/search/+page.svelte

@@ -101,11 +101,11 @@
       Search
     </div>
   </div>
-  <label class="input input-bordered flex items-center gap-2 mt-10">
+  <label class="input input-bordered flex items-center gap-2 mt-10 mb-5 w-full">
     <input
       id="search-input"
       type="text"
-      class="grow"
+      class="grow w-full"
       placeholder="Search"
       bind:value={searchQuery}
       onfocus={() => (focusItem = 0)}
@@ -138,7 +138,7 @@
       <a
         href={result.item.path || "/"}
         id="search-result-{i + 1}"
-        class="card my-6 bg-white shadow-xl flex-row overflow-hidden focus:border"
+        class="card my-6 bg-white shadow-xl flex-row overflow-hidden focus:mx-[-10px] focus:my-[-5px] focus:border-4 focus:border-secondary"
       >
         <div class="flex-none w-6 md:w-32 bg-secondary"></div>
         <div class="py-6 px-6">