Add button content spacing

rayc2045 · May 14, 2024 · c9e4d29 · c9e4d29
1 parent 2ef3717
commit c9e4d29
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/src/app.js b/src/app.js
@@ -94,7 +94,7 @@ const style = {
     footer: 'text-gray-700 hover:underline',
   },
   btn: {
-    raw: 'px-4 py-3 text-sm rounded-md flex justify-center items-center font-medium border-2 select-none active:scale-95 transition',
+    raw: 'px-4 py-3 text-sm rounded-md flex gap-x-1 justify-center items-center font-medium border-2 select-none active:scale-95 transition',
     get dark() {
       return `${this.raw} text-zinc-100 bg-zinc-600 border-zinc-600 hover:bg-zinc-700 hover:border-zinc-700`;
     },

diff --git a/src/pages/home.html b/src/pages/home.html
@@ -9,8 +9,7 @@ <h1 class="text-5xl md:text-6xl">
     We offer a unique collection of high end items for every home.
   </p>
   <a href="#/shop" :class="btn.light">
-    Explore the shop&nbsp;
-    <span x-html="svg('arrow-right')"></span>
+    Explore the Shop<span x-html="svg('arrow-right')"></span>
   </a>
 </section>
 
@@ -102,6 +101,5 @@ <h3 class="mb-12 text-xl text-center">Handpicked this Week</h3>
 </section>
 
 <a href="#/shop" :class="btn.dark" class="w-fit mx-auto">
-  Explore the shop&nbsp;
-  <span x-html="svg('arrow-right')"></span>
+  Explore the Shop<span x-html="svg('arrow-right')"></span>
 </a>