Updated tip styling

berrysauce · Sep 4, 2023 · 17e256e · 17e256e
1 parent 3c89a13
commit 17e256e
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/ui/src/routes/+page.svelte b/ui/src/routes/+page.svelte
@@ -174,14 +174,17 @@
                 </div>
 
                 <!-- A little tip -->
-                <div style="margin-bottom: 32px;padding: 16px 22px;border-radius: 10px;background: rgba(49,169,0,0.02);margin-top: 32px;border: 1px solid rgb(49,169,0);">
-                    <h1 class="fs-6" style="font-weight: 600;margin-top: 6px;margin-bottom: 4px;color: rgb(49,169,0);"><svg class="icon icon-tabler icon-tabler-bulb" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" style="font-size: 20px;margin-bottom: 3px;margin-right: 6px;">
+                <div style="margin-bottom: 32px;margin-top: 32px;padding-left: 16px;border-left: 2px solid rgb(49,169,0);">
+                    <h1 class="fs-6" style="font-weight: 600;margin-top: 6px;margin-bottom: 4px;color: rgb(49,169,0);">
+                        <svg class="icon icon-tabler icon-tabler-bulb" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" style="font-size: 20px;margin-bottom: 3px;margin-right: 6px;">
                             <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                             <path d="M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7"></path>
                             <path d="M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3"></path>
                             <line x1="9.7" y1="17" x2="14.3" y2="17"></line>
-                        </svg>Tip</h1>
-                    <p style="color: rgb(49,169,0);font-size: 14px;margin-bottom: 0px;">Click on ingredients to reveal scan statistics and more details about them.</p>
+                        </svg>
+                        Tip
+                    </h1>
+                    <p style="color: rgba(33,37,41,0.5);font-size: 14px;margin-bottom: 0px;">Click on ingredients to reveal scan statistics and more details about them.</p>
                 </div>
             {/if}