From 884a01e31b2cd812d481f588cbee61d586734d6f Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Tue, 2 Apr 2024 16:39:48 +1300
Subject: [PATCH] Added tooltips to top right buttons

---
 materialious/src/routes/+layout.svelte | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/materialious/src/routes/+layout.svelte b/materialious/src/routes/+layout.svelte
index cc03ef81..d24d5231 100644
--- a/materialious/src/routes/+layout.svelte
+++ b/materialious/src/routes/+layout.svelte
@@ -225,18 +225,29 @@
 		class="button circle large transparent"
 	>
 		<i>code</i>
+		<div class="tooltip bottom">Star us on Github!</div>
 	</a>
 	{#if isLoggedIn}
 		<button class="circle large transparent" data-ui="#dialog-notifications"
-			><i>notifications</i></button
-		>
+			><i>notifications</i>
+			<div class="tooltip bottom">Notifications</div>
+		</button>
 	{/if}
-	<button class="circle large transparent" data-ui="#dialog-settings"><i>settings</i></button>
+	<button class="circle large transparent" data-ui="#dialog-settings">
+		<i>settings</i>
+		<div class="tooltip bottom">Settings</div>
+	</button>
 
 	{#if !isLoggedIn}
-		<button on:click={login} class="circle large transparent"><i>login</i></button>
+		<button on:click={login} class="circle large transparent">
+			<i>login</i>
+			<div class="tooltip bottom">Login</div>
+		</button>
 	{:else}
-		<button on:click={logout} class="circle large transparent"><i>logout</i></button>
+		<button on:click={logout} class="circle large transparent">
+			<i>logout</i>
+			<div class="tooltip bottom">Logout</div>
+		</button>
 	{/if}
 </nav>