From 11175c1f8b4f1879ff89837111471df1686d0c93 Mon Sep 17 00:00:00 2001
From: Hebron George <hebrontgeorge@gmail.com>
Date: Tue, 12 Nov 2024 02:24:55 -0500
Subject: [PATCH] Revert "History styling updates"

---
 app/assets/stylesheets/playlist_history.scss | 23 ++++----------------
 app/views/playlist_history/show.html.erb     |  3 +--
 2 files changed, 5 insertions(+), 21 deletions(-)

diff --git a/app/assets/stylesheets/playlist_history.scss b/app/assets/stylesheets/playlist_history.scss
index a2da0e7..dd12ad8 100644
--- a/app/assets/stylesheets/playlist_history.scss
+++ b/app/assets/stylesheets/playlist_history.scss
@@ -12,14 +12,15 @@
 body {
   background: var(--background-color);
   font-family: var(--font);
+  display: flex;
+  justify-content: center;
 }
 
 /* Timeline Container */
 .timeline {
+  background: var(--primary-color);
   margin: 20px auto;
   padding: 20px;
-  display: flex;
-  justify-contenSort: center;
 }
 
 /* Outer Layer with the timeline border */
@@ -36,22 +37,6 @@ body {
   color: gray;
   border-radius: 8px;
   max-width: 400px;
-
-  ul {
-    list-style-position: inside;
-  }
-  li {
-    margin-bottom: 0.1em;
-  }
-
-  a {
-    color: orangered; /* Make the link text blend with your theme - suggested by ChatGPT  */
-    text-decoration: none; /* Remove the underline for a cleaner look - suggested by ChatGPT  */
-  }
-  a:hover {
-    color: #ff7043; /* A lighter shade of orangered for hover effect - suggested by ChatGPT  */
-    text-decoration: underline; /* Underline links on hover for better visibility - suggested by ChatGPT  */
-  }
 }
 
 /* Information about the timeline */
@@ -63,8 +48,8 @@ body {
 
 /* Title of the card */
 .title {
+  color: orangered;
   position: relative;
-  color: #ff5722; /* Use a color that stands out but isn't too harsh - suggested by ChatGPT */
 }
 
 /* Timeline dot  */
diff --git a/app/views/playlist_history/show.html.erb b/app/views/playlist_history/show.html.erb
index 8af9700..8e3e396 100644
--- a/app/views/playlist_history/show.html.erb
+++ b/app/views/playlist_history/show.html.erb
@@ -1,5 +1,4 @@
-<h1 class="title">History for <%= @history[:name] %></h1>
-<br />
+<h1>History for <%= @history[:name] %></h1>
 <div class="timeline" data-controller="load-more" data-load-more-target="timeline">
   <div class="outer">
     <%= render partial: "delta_card", collection: @history[:changes], as: :delta %>