From 8d780c1dc77c8dc7ef3233f5ee302b5e3ec75328 Mon Sep 17 00:00:00 2001
From: TecTrixer <tonihoevedes@gmail.com>
Date: Sat, 15 Oct 2022 21:02:27 +0200
Subject: [PATCH] some minor UI improvements

---
 components/cocktail.vue | 2 +-
 pages/index.vue         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/cocktail.vue b/components/cocktail.vue
index 5398247..35c8f3c 100644
--- a/components/cocktail.vue
+++ b/components/cocktail.vue
@@ -14,8 +14,8 @@
                 <div class="flex flex-wrap justify-center">
                     <template v-for="({ingredient, measure}, index) in cocktail.ingredients">
                         <div class="flex flex-col mx-5" :class="{'mb-5': index < cocktail.ingredients.length - 1 }">
-                            <p>{{ ingredient.name }}</p>
                             <p class="opacity-60">{{ measure }}</p>
+                            <p>{{ ingredient.name }}</p>
                         </div>
                     </template>
                 </div>
diff --git a/pages/index.vue b/pages/index.vue
index c70d3da..1ceeeaf 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="mb-5">
-        <div class="sticky top-0 navbar bg-base-100 mb-5 px-8 z-50">
+        <div class="sticky top-0 navbar bg-base-100 mb-8 border-b-[0.5px] px-8 z-50">
             <div class="flex-1">
                 <a href="#" class="btn btn-ghost normal-case text-white mt-5 text-4xl">Cocktail Coach</a>
             </div>
@@ -43,7 +43,7 @@
             }">
                 <div class="absolute w-full h-full bg-black transition-[background-opacity] bg-opacity-50 group-hover:bg-opacity-70 z-10"></div>
                 <div class="card-body z-20">
-                    <h2 class="card-title text-white">Get a Random Cocktail!</h2>
+                    <h2 class="card-title py-3 text-white">Get a Random Cocktail!</h2>
                 </div>
             </a>
         </div>