From b233e80178391324b2aaa062ea95bb57b91b6a7a Mon Sep 17 00:00:00 2001
From: db-2001 <adityabhatnagar2001@gmail.com>
Date: Thu, 26 Oct 2023 09:24:50 -0400
Subject: [PATCH] Fixed publication-details pop-up

Renamed the pop-up for the publication details and then added CSS so it shows up on both style sheets.
---
 Website/index.html           |  4 ++--
 Website/style_default.css    | 11 +++++++++++
 Website/style_mangahover.css | 11 +++++++++++
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/Website/index.html b/Website/index.html
index ef99a3d..10bda53 100644
--- a/Website/index.html
+++ b/Website/index.html
@@ -102,7 +102,7 @@
         <blur-background id="blurBackgroundPublicationPopup" onclick="publicationViewerPopup.style.display= 'none';"></blur-background>
         <publication-viewer>
           <img id="pubviewcover" src="media/cover.jpg" alt="cover">
-          <publication-information>
+          <publication-details>
             <publication-name id="publicationViewerName">Best Manga there is</publication-name>
             <publication-tags id="publicationViewerTags">A Manga</publication-tags>
             <publication-author id="publicationViewerAuthor">Glax</publication-author>
@@ -116,7 +116,7 @@
               <publication-add id="createMonitorJobButton">Monitor ➕</publication-add>
               <publication-add id="createDownloadChapterJobButton">Download Chapter 📥</publication-add>
             </publication-interactions>
-          </publication-information>
+          </publication-details>
         </publication-viewer>
       </popup>
       
diff --git a/Website/style_default.css b/Website/style_default.css
index 8534325..0eb14c4 100644
--- a/Website/style_default.css
+++ b/Website/style_default.css
@@ -239,6 +239,17 @@ publication-name{
     font-weight: bold;
 }
 
+publication-details {
+    display: flex;
+    flex-direction: column;
+    justify-content: start;
+}
+
+publication-details * {
+    z-index: 1;
+    color: var(--accent-color);
+}
+
 publication img {
     position: absolute;
     top: 0;
diff --git a/Website/style_mangahover.css b/Website/style_mangahover.css
index 9068d1a..e7ed527 100644
--- a/Website/style_mangahover.css
+++ b/Website/style_mangahover.css
@@ -251,6 +251,17 @@ publication-name{
     font-weight: bold;
 }
 
+publication-details {
+    display: flex;
+    flex-direction: column;
+    justify-content: start;
+}
+
+publication-details * {
+    z-index: 1;
+    color: var(--accent-color);
+}
+
 publication img {
     position: absolute;
     top: 0;