From fbfe89129553b2a23eb29fad224694c5060b0a06 Mon Sep 17 00:00:00 2001
From: Coby Chapple <coby@cobychapple.com>
Date: Thu, 4 Apr 2013 14:49:30 +0100
Subject: [PATCH] finally style the mobile nav items a bit more consistently

---
 site/css/style.css | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/site/css/style.css b/site/css/style.css
index 808fbd23..730588ed 100644
--- a/site/css/style.css
+++ b/site/css/style.css
@@ -80,15 +80,27 @@ nav li {
 .mobile-nav a {
   float: left;
   width: 100%;
-  background: #fc0;
-  color: #333;
-  box-shadow: inset 0 0 3px #c00;
+  background: #333;
+  color: #fc0;
   text-align: center;
+  text-transform: uppercase;
+  font-size: 14px;
+  font-weight: 800;
+  padding: 5px 0;
+  border-radius: 5px;
+}
+
+.mobile-nav .current a {
+  background: #fc0;
+  color: #222;
+  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.5);
+  text-shadow: 0 1px 0 rgba(255,255,255,.3);
 }
 
 .mobile-nav li {
   display: table-cell;
   width: 33.3%;
+  padding: 8px;
 }
 
 /* Footer */