Merge pull request #83 from EbookFoundation/foundation/fix-home-css

fix home css / add explore section to book view sidebar

frontend/templates/work.html

@@ -200,7 +200,7 @@
                 <div class="btn_wishlist" id="wishlist_actions">
                     {% if request.user.is_anonymous %}
                         <div class="create-account">
-                            <span title="{% url 'work' work_id %}">Login to Fave</span>
+                            <span title="{% url 'work' work_id %}"><a href="{% url 'superlogin' %}?next={{ request.get_full_path|urlencode }}">Login to Fave</a></span>
                         </div>
                     {% elif request.user.id in work.last_campaign.supporters %}
                         <div class="add-wishlist">
@@ -229,6 +229,9 @@
                     <span>LibraryThing</span>
                 </a>
             </div>
+            <div class="book-sidebar-explore">
+                {% include "explore.html" %}
+            </div>
         </div>
         <div class="bookComments">
             <h2>Comments</h2>

static/scss/bookview.scss

@@ -39,6 +39,10 @@
     .book-sidebar-item span {
         display: none;
     }
+    
+    .book-sidebar-explore {
+        display: none;
+    }
 
     .bookRead {
         flex: 100%;
@@ -137,3 +141,43 @@
 .description-more-content {
     padding-top: 20px;
 }
+
+.book-sidebar-explore {
+    width: 150px;
+    .jsmodule {
+        margin: 0;
+        padding: 0;
+        
+        h3 {
+            background-color: $pale-blue;
+            border-radius: 0;
+            height: auto;
+            span {
+                text-align: center;
+                padding: 4px;
+            }
+            margin-bottom: 4px;
+        }
+           
+        .menu {
+           
+            li {
+                > span {
+                    display: none;
+                }
+                a {
+                    padding: 0;
+                    padding-bottom: 4px;
+                }
+                a:hover {
+                    text-decoration: underline;
+                }
+            }
+
+           .level3 {
+                padding-left: 10px;
+            }
+        }
+    }
+
+}

static/scss/home.scss

@@ -180,3 +180,10 @@
 .donate {
     cursor: pointer;
 }
+
+#js-topsection {
+    width: 100%;
+    max-width: 960px;
+    margin-left: auto;
+    margin-right: auto;
+}