Adding a removing jobs.

Having a list of running and waiting jobs

Website/styles/ExtendedInfo.css

@@ -66,10 +66,12 @@
     padding: 0;
     margin: 0;
     white-space: nowrap;
+    max-height: 100%;
+    overflow-y: scroll;
 }
 
 .SearchResult > .Manga-tags p {
-    margin: 0 2px;
+    margin: 2px;
     padding: 5px;
     font-size: 10pt;
     height: fit-content;
@@ -102,8 +104,7 @@
     overflow-y: scroll;
 }
 
-.SearchResult > .Manga-AddButton {
-    grid-area: button;
+.SearchResult > .Manga-actions  button {
     background-color: white;
     border: 1px solid var(--primary-color);
     border-radius: 4px;
@@ -112,6 +113,12 @@
     padding: 5px 10px;
 }
 
+.SearchResult > .Manga-actions {
+    grid-area: button;
+    padding: 0;
+    margin: 5px 0 0 0;
+}
+
 .SearchResult > .Manga-AddButton:hover {
     background-color: #eee;
 }
@@ -126,6 +133,6 @@
     bottom: 7px;
 }
 
-.monitorMangaEntry {
+.startSearchEntry {
     position: relative;
 }

Website/styles/MangaCoverCard.css

@@ -32,6 +32,10 @@
     z-index: 0;
 }
 
+.startSearchEntry::after{
+    background: initial !important;
+}
+
 .Manga-name{
     width: fit-content;
     font-size: 16pt;
@@ -102,7 +106,7 @@
     background-color: gray;
 }
 
-.Manga img {
+.Manga > img {
     position: absolute;
     top: 0;
     left: 0;
@@ -117,11 +121,23 @@
     margin: 2px 0;
 }
 
-.Manga > div {
+.Manga > .SimpleCover {
     position: relative;
     z-index: 1;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
+}
+
+div[extended-info="no"]{
+    display: none;
+}
+
+div[extended-info="yes"]{
+    display: block;
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: 2;
 }

Website/styles/monitorMangaList.css

@@ -4,7 +4,7 @@
     flex-flow: row;
     flex-wrap: nowrap;
     flex-grow: 1;
-    height: 100%;
+    height: calc(100vh - 100px);
     overflow-y: scroll;
     scrollbar-color: var(--accent-color) var(--primary-color);
     scrollbar-width: thin;

Website/styles/queuePopUp.css

@@ -1,5 +1,6 @@
 #QueuePopUp #QueuePopUpBody {
     display: flex;
+    color: black;
 }
 
 #QueuePopUp #QueuePopUpBody > * {