Fix booksidebar

frontend/templates/work.html

@@ -101,10 +101,10 @@
                 <span>LibraryThing</span>
             </div>
             <div class="bookDownload">
-                <button>Download</button>
+                <button class="button expanded">Download</button>
             </div>
             <div class="bookDonate">
-                <button>Donate</button>
+                <button class="button expanded">Donate</button>
             </div>
         </div>
         <div class="bookComments">

static/scss/bookview.scss

@@ -1,7 +1,3 @@
-* {
-    // color: red !important;
-}
-
 @media screen and (max-width: 480px) {
     .wrapper {
         display: grid;
@@ -13,6 +9,10 @@
                              "bookComments bookComments bookComments";
     }
 
+    .wrapper {
+        margin: 10px;
+    }
+
     .bookImage {
         display: flex;
         justify-content: center;
@@ -20,6 +20,7 @@
 
     .bookSidebar {
         flex-direction: row;
+        flex-wrap: wrap;
     }
 
     .book-sidebar-item {
@@ -77,6 +78,10 @@
     grid-area: bookSidebar;
 }
 
+.book-sidebar-item {
+    margin-bottom: 16px;
+}
+
 .bookComments {
     grid-area: bookComments;
 }

static/scss/global.scss

@@ -1,3 +1,12 @@
 @import 'settings/settings';
 @import 'foundation';
 @include foundation-everything;
+
+@include breakpoint(small only) {
+    #feedback {
+        display: none;
+    }
+}
+
+
+