Website/interaction.js

@@ -143,7 +143,7 @@ function ShowPublicationViewerWindow(publicationId, event, add){
     publicationViewerName.innerText = publication.sortName;
     publicationViewerDescription.innerText = publication.description;
     publicationViewerAuthor.innerText = publication.author;
-    pubviewcover.src = `imageCache/${publication.coverFileNameInCache}`;
+    pubviewcover.src = publication.posterUrl;
     toEditId = publicationId;
     
     //Check what action should be listed

Website/style.css

@@ -35,8 +35,6 @@ topbar {
     align-items: center;
     height: var(--topbar-height);
     background-color: var(--secondary-color);
-    z-index: 100;
-    box-shadow: 0 0 20px black;
 }
 
 titlebox {
@@ -72,9 +70,9 @@ searchdiv{
 }
 
 #searchbox {
-    padding: 3px 10px;
+    padding: 6px 8px;
     border: 0;
-    border-radius: 4px;
+    border-radius: 3px;
     font-size: 14pt;
     width: 250px;
 }
@@ -82,7 +80,7 @@ searchdiv{
 #settingscog {
     cursor: pointer;
     margin: 0px 30px;
-    height: 50%;
+    height: calc(100% - 40px);
     filter: invert(100%) sepia(0%) saturate(7465%) hue-rotate(115deg) brightness(116%) contrast(101%);
 }
 
@@ -180,8 +178,7 @@ komga-settings input {
     font-size: 12pt;
     border-radius: 9pt;
     background-color: var(--primary-color);
-    padding: 2pt 17px;
-    color: black;
+    padding: 2pt 20px;
 }
 
 publication{
@@ -201,7 +198,7 @@ publication::after{
     left: 0; top: 0;
     border-radius: 5px;
     width: 100%; height: 100%;
-    background: linear-gradient(rgba(0,0,0,0.7), rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.2));
+    background: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.1));
 }
 
 publication-information {