Add header to queue.

assets/css/common.css.sass

@@ -8,4 +8,21 @@ body
 #app
   max-width: 320px
   margin: 0 auto
+  padding-top: 2.5em
   padding-bottom: 5.625em
+
+header
+  position: fixed
+  top: 0
+  width: 100%
+  background: rgba(248, 248, 248, 0.95)
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
+  z-index: 1
+  #library
+    position: absolute
+    left: 10px
+    top: 8px
+    @include button
+  h1
+    text-align: center
+    font-size: 1em

assets/css/includes/button.css.sass

@@ -0,0 +1,5 @@
+@mixin button
+  border: none
+  background: none
+  color: $highlight
+  font-size: 0.8em

assets/css/mpd-client.css.sass

@@ -2,6 +2,7 @@
 
 @import 'includes/fonts'
 @import 'includes/colours'
+@import 'includes/button'
 @import 'common'
 @import 'transport'
 @import 'queue'

public/views/queue.ejs

@@ -1,3 +1,7 @@
+<header>
+  <button id="library">Library</button>
+  <h1>Queue</h1>
+</header>
 <ol id="queue">
   <% list(queueSongs, function(song) { %>
     <li id="<%= song.attr('id') %>" data-pos="<%= song.attr('pos') %>" <%= song.attr('playing') ? 'class="playing"' : '' %>>