Merge pull request #117 from happy-software/revert-116-history_stylin…

…g_updates

Revert "History styling updates"

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  */

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 %>