From bbba79bb7a60e626cb9e2845591dfe4cdd6e5db6 Mon Sep 17 00:00:00 2001
From: Rehan Chalana <139042983+RehanChalana@users.noreply.github.com>
Date: Thu, 4 Jan 2024 18:56:59 +0530
Subject: [PATCH] Fixed hover issue on hollywood playlist (#84)

* fixed hover issue on hollywood playlist

* fixed typo in css
---
 index.html  | 2 +-
 swetify.css | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f388a0b..7f5c9b4 100644
--- a/index.html
+++ b/index.html
@@ -223,7 +223,7 @@ <h1>
           </div>
           <h3 style="padding-bottom: 60px;">Top Picks</h3><br>
           <div class = "section-brake">
-            <a href="./Pages/hollysongs.html">
+            <a href="./Pages/hollysongs.html" class="playlist-page-link">
               <div class="playlist-card"  onclick="loadfirstsong(0)">
                 <img class="playlist-cover" src="homepage/TopHollywoodHits.jpg" alt="Playlist Cover">
                 <div class="playlist-details">
diff --git a/swetify.css b/swetify.css
index 25bfd7e..80ffb5e 100644
--- a/swetify.css
+++ b/swetify.css
@@ -115,6 +115,10 @@ body {
   color: #ffc400;
 }
 
+.playlist-page-link:hover{
+  text-decoration: none;
+}
+
 
 .playlist-card ,.artist-card{
   margin: 50px;
@@ -147,11 +151,13 @@ body {
   width: 100%;
   height: 200px;
   object-fit: cover;
+  cursor: initial;
 }
 
 
 .playlist-details {
   padding: 16px;
+  cursor: text;
 }
 
 .playlist-title {