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

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

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;

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;