From ccef109a5ad3bb5c698f65581bb8b264122ec6d0 Mon Sep 17 00:00:00 2001
From: Juzer Shakir <juzershakir.webdev@gmail.com>
Date: Tue, 26 Dec 2023 10:53:24 +0530
Subject: [PATCH] increase font-size & add animation on `hover`

---
 app/assets/stylesheets/layouts/_index.scss | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/layouts/_index.scss b/app/assets/stylesheets/layouts/_index.scss
index cf9c9ca8..75fdf5da 100644
--- a/app/assets/stylesheets/layouts/_index.scss
+++ b/app/assets/stylesheets/layouts/_index.scss
@@ -2,10 +2,17 @@
 #thaalis,
 #transactions,
 #users {
-	.row:not(:last-child) {
-		border-bottom: 2px solid $secondary;
-	}
-	:hover {
-		background-color: #e4e2b2;
+	.row {
+		transition: background-color 0.4s ease-in-out;
+
+		&:not(:last-child) {
+			border-bottom: 2px solid $secondary;
+		}
+
+		&:hover,
+		&:active {
+			background-color: #e4e2b2;
+			font-size: 1.06rem;
+		}
 	}
 }