From 6013c49d4accafdad7f21bdd771400dd47c9b079 Mon Sep 17 00:00:00 2001
From: Niko <niko@nobigtech.es>
Date: Wed, 16 Mar 2022 01:16:34 +0100
Subject: [PATCH] Add hover animation on settings.profile item click (for
 editing later)

---
 web/src/app/js/templates/settings/profile.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/src/app/js/templates/settings/profile.html b/web/src/app/js/templates/settings/profile.html
index 31e1a5a..a398adb 100644
--- a/web/src/app/js/templates/settings/profile.html
+++ b/web/src/app/js/templates/settings/profile.html
@@ -3,7 +3,8 @@
 		<div class="person flex">
 			<div class="width-max">
 				<div class="user-name">
-					<span class="bigname">{.account.name}</span>
+					<span class="bigname button
+						rounder noback darker">{.account.name}</span>
 					<br>
 					<span class="acct" style="
 						position: relative;
@@ -15,13 +16,15 @@
 					<i class="fa fa-map-marker fa-fw"
 						style="color: #e8864c">
 					</i>
-					<span>{.account.props.place}</span>
+					<span class="button rounder noback darker"
+						>{.account.props.place}</span>
 				</div>
 				<div class="prop" id="prop-age">
 					<i class="fa fa-birthday-cake fa-fw"
 						style="color: #f46ac5">
 					</i>
-					<span><b>{.account.props.age}</b> {s:app.years_old}</span>
+					<span class="button rounder noback darker"
+						><b>{.account.props.age}</b> {s:app.years_old}</span>
 				</div>
 			</div>
 			<div class="avatar-container">