Make hover cover images take mouse position into account when deciding what side of the page to appear on

static/functions/global.js

@@ -176,6 +176,7 @@ function getCover(event) {
     coverCont.appendChild(document.createElement('img'))
   }
   $('#coverCont img')[0].src = image?image:'/static/common/noartwork/comedy.png'
+  coverCont.className = (event.clientX > (window.innerWidth/2)) ? 'left' : 'right'
   coverCont.style.display = 'block'
   //Preload next image
   if ($('.torrent_table, .request_table').length > 0) {

static/styles/global.css

@@ -804,7 +804,7 @@ div.torrent_artists {
 .r10           { color: #74C42E; }
 .r20,.r50,.r99 { color: #418B00; }
 
-#index > #coverCont {
+#coverCont.left {
   left: 20px;
   right: initial;
 }
@@ -812,6 +812,7 @@ div.torrent_artists {
 #coverCont {
   position: fixed;
   right: 20px;
+  left: initial;
   top: 20px;
   max-width: 30%;
   background-size: contain;