From b821e45fa41565ed7879b1df1d8a57aaffcf658b Mon Sep 17 00:00:00 2001
From: Rueben  van der Westhuizen <91849806+21434809@users.noreply.github.com>
Date: Thu, 26 Sep 2024 21:38:32 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=90Refactor=20HTML=20files=20-=20Remov?=
 =?UTF-8?q?e=20unnecessary=20styles=20and=20update=20background=20colors?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Frontend/src/app/app.component.html                   |  1 -
 .../templates/desktop/search/search.component.html    | 11 +++++------
 .../src/app/pages/insights/insights.component.html    |  3 +--
 3 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/Frontend/src/app/app.component.html b/Frontend/src/app/app.component.html
index 22603ab4..974c923b 100644
--- a/Frontend/src/app/app.component.html
+++ b/Frontend/src/app/app.component.html
@@ -13,7 +13,6 @@
     <div [ngClass]="'col-span-' + colSpan + ' col-start-' + columnStart"
       id="center"
       class="no-scrollbar row-span-2 row-start-3 overflow-y-scroll overflow-hidden">
-
       <router-outlet></router-outlet>
     </div>
   </div>  
diff --git a/Frontend/src/app/components/templates/desktop/search/search.component.html b/Frontend/src/app/components/templates/desktop/search/search.component.html
index 8350a42d..0b1f730e 100644
--- a/Frontend/src/app/components/templates/desktop/search/search.component.html
+++ b/Frontend/src/app/components/templates/desktop/search/search.component.html
@@ -1,4 +1,4 @@
-<div *ngIf="screenSize === 'desktop'" class="desktop-layout">
+<div *ngIf="screenSize === 'desktop'"  class="rounded-xl border-black h-full no-scrollbar border overflow-y-scroll p-4" style="background-color: rgba(0, 0, 0, 0.7);">
   <app-search-bar></app-search-bar>
   <h1 class="text-2xl font-bold text-gray-800 dark:text-gray-200">Search Results for "{{ searchQuery }}"</h1>
   <div class="top-result dark:text-gray-200" style="float: left; width: 33%;">
@@ -15,7 +15,6 @@ <h2 style="font-weight: bold;" class="py-2">{{ topResult.name }}</h2>
     </div>
   </div>
 
-
   <div class="songs dark:text-gray-200" style="float: left; width: 33%; position: relative;">
     <a
       style="position: absolute; top: 0; right: 0; margin: 10px; padding: 5px 10px; border-radius: 5px;cursor: pointer;">
@@ -59,7 +58,7 @@ <h2 style="font-weight: bold;" class="py-2">{{ album.albumName }}</h2>
 
   </div>
 </div>
-<h1 class="dark:text-gray-200" style="padding-left: 20px; font-weight: bold; font-size: larger ;">From Your
+<!-- <h1 class="dark:text-gray-200" style="padding-left: 20px; font-weight: bold; font-size: larger ;">From Your
   Library</h1>
 
 <div class="library-container songs-container dark:text-gray-200"
@@ -75,7 +74,7 @@ <h2 style="font-weight: bold; margin-top: 10px;">title</h2>
       </div>
     </div>
   </div>
-</div>
+</div> -->
 </div>
 
 
@@ -163,7 +162,7 @@ <h2 style="font-weight: bold;" class="py-2">{{ album.albumName }}</h2>
       </div>
     </div>
 
-    <div class="library-container songs-container dark:text-gray-200 "
+    <!-- <div class="library-container songs-container dark:text-gray-200 "
          style="width: 100%; overflow-x: auto; margin-bottom: 40vw; padding: 20px 0;">
       <h1 class="dark:text-gray-200" style="padding-left: 20px; font-weight: bold; font-size: larger ;">From
         Your
@@ -179,7 +178,7 @@ <h2 style="font-weight: bold; margin-top: 10px;">title</h2>
           </div>
         </div>
       </div>
-    </div>
+    </div> -->
 
 
     </div>
diff --git a/Frontend/src/app/pages/insights/insights.component.html b/Frontend/src/app/pages/insights/insights.component.html
index 0d0f0d66..90c2c367 100644
--- a/Frontend/src/app/pages/insights/insights.component.html
+++ b/Frontend/src/app/pages/insights/insights.component.html
@@ -1,6 +1,5 @@
-<div id="center" class=" rounded-xl no-scrollbar border border-stone-950 overflow-y-scroll p-4" style="height: 100vh; width: 100%; background-color: rgba(0, 0, 0, 0.7);">
+<div id="center" class=" rounded-xl no-scrollbar border border-black overflow-y-scroll p-4" style="height: 100vh; width: 100%; background-color: rgba(0, 0, 0, 0.7);">
   <h1 class="text-3xl font-bold text-white text-center mb-6">Listening Insights</h1>
-
   <!-- Widgets Grid -->
   <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 mb-8">
     <div class="bg-stone-900 shadow-lg rounded-lg p-6 text-center">