From e34dca53eb352a5752de7a337c70c0389ea0cce8 Mon Sep 17 00:00:00 2001
From: Dan Barber <dan@new-bamboo.co.uk>
Date: Wed, 11 Dec 2013 11:49:28 +0000
Subject: [PATCH] Fix header width.

---
 assets/css/common.css.sass           | 2 +-
 assets/css/includes/metrics.css.sass | 1 +
 assets/css/library.css.sass          | 1 +
 assets/css/mpd-client.css.sass       | 1 +
 4 files changed, 4 insertions(+), 1 deletion(-)
 create mode 100644 assets/css/includes/metrics.css.sass

diff --git a/assets/css/common.css.sass b/assets/css/common.css.sass
index 163c33b..8fcc64e 100644
--- a/assets/css/common.css.sass
+++ b/assets/css/common.css.sass
@@ -21,7 +21,7 @@ body
 .header
   position: fixed
   top: 0
-  width: 100%
+  width: $interface-width
   background: rgba(248, 248, 248, 0.95)
   border-bottom: 1px solid rgba(0, 0, 0, 0.1)
   h1
diff --git a/assets/css/includes/metrics.css.sass b/assets/css/includes/metrics.css.sass
new file mode 100644
index 0000000..de7a22e
--- /dev/null
+++ b/assets/css/includes/metrics.css.sass
@@ -0,0 +1 @@
+$interface-width: 20em
diff --git a/assets/css/library.css.sass b/assets/css/library.css.sass
index 7e111ab..3951fe5 100644
--- a/assets/css/library.css.sass
+++ b/assets/css/library.css.sass
@@ -3,6 +3,7 @@
   display: none
   position: absolute
   top: 0
+  padding: 2.5em 0 0
   height: 100%
   width: 100%
   z-index: 2
diff --git a/assets/css/mpd-client.css.sass b/assets/css/mpd-client.css.sass
index b71486d..c1412ac 100644
--- a/assets/css/mpd-client.css.sass
+++ b/assets/css/mpd-client.css.sass
@@ -1,5 +1,6 @@
 @import 'bourbon/bourbon'
 
+@import 'includes/metrics'
 @import 'includes/fonts'
 @import 'includes/colours'
 @import 'includes/button'