Fix book icon styles

frontend/templates/home.html

@@ -38,7 +38,6 @@ function put_un_in_cookie2(){
 
 <script type="text/javascript" src="/static/js/definitions.js"></script>
 <script type="text/javascript" src="/static/js/wishlist.js"></script>
-<script type="text/javascript" src="/static/js/greenpanel.js"></script>
 <script type="text/javascript" src="/static/js/highlight_signup.js"></script>
 <script type="text/javascript" src="/static/js/expand.js"></script>
 <meta name="google-site-verification" content="wFZncBw5tNpwRVyR08NZFNr7WXqv5X1BkEga2fpUNOo" />

static/js/greenpanel.js

@@ -1,14 +0,0 @@
-var $j = jQuery.noConflict();
-
-$j().ready(function(){
-	var contentblock = $j('#content-block, .user-block-hide');
-	contentblock.on('mouseenter', '.panelview', function() {
-		$j(this).children('.panelfront').removeClass('side1').addClass('side2');
-		$j(this).children('.panelback').removeClass('side2').addClass('side1');
-	});
-				  
-	contentblock.on('mouseleave', '.panelview', function() {
-		$j(this).children('.panelback').removeClass('side1').addClass('side2');
-		$j(this).children('.panelfront').removeClass('side2').addClass('side1');
-	});			  
-});

static/scss/book_panel2.scss

@@ -190,15 +190,16 @@ span.grey {
 }
 
 /* switch to/from hover state when jquery swaps class names */
-
-div.panelview.side1  {
-	display: visible;
-}
-
 div.panelview.side2  {
-	display: none;
+	visibility: hidden;
 }
 
+div.panelview:hover .side2 {
+    visibility: visible !important;
+    z-index: 1;
+}
+
+
 /* styling of hover state */
 .panelback {
 	position: relative;

static/scss/home.scss

@@ -6,6 +6,10 @@
         margin-left: auto;
         margin-right: auto;
         max-width: 960px;
+
+        div {
+            box-sizing: content-box;
+        }
 }
 
 #user-block1 {
@@ -102,3 +106,7 @@
     display: flex;
 
 }
+
+.thewholebook {
+    border: none !important;
+}