Improve navigation on mobile resolutions

1 files changed, 34 insertions, 1 deletions

diff --git a/assets/stylesheets/book/footer.less b/assets/stylesheets/book/footer.less
index 7d3635a..3e1652b 100644
--- a/assets/stylesheets/book/footer.less
+++ b/assets/stylesheets/book/footer.less
@@ -20,17 +20,50 @@
                 .opacity(0.4);
                 text-transform: uppercase;
                 .transition(opacity 0.5s ease);
+                
                 max-width: 40%;
+                min-width: 30px;
+                height: 80px;
+
                 display: inline-block;
                 text-overflow: ellipsis;
                 overflow: hidden;
                 white-space: nowrap;
-                padding: 0px 30px;
+                padding: 0px 40px;
+                position: relative;
+
+                i {
+                    position: absolute;
+                    top: 0px;
+                    line-height: 80px;
+                }
+
+                span {
+
+                }
+
+                &.prev {
+                    i {
+                        left: 0px;
+                    }
+                }
+
+                &.next {
+                    i {
+                        right: 0px;
+                    }
+                }
 
                 &:hover {
                     text-decoration: none;
                     .opacity(1);
                 }
+
+                @media (max-width: 600px) {
+                    span {
+                        display: none;
+                    }
+                }
             }
         }
     }