been playing around with the mobile design

1 files changed, 21 insertions, 2 deletions

diff --git a/public/css/shame.less b/public/css/shame.less
index 4d8b4c8..ea569eb 100644
--- a/public/css/shame.less
+++ b/public/css/shame.less
@@ -12,7 +12,7 @@ body {
     margin-top: @navbarHeight;
 	background-color:white;
 }
-@media (max-width: 767px) {
+@media (max-width: @navbarCollapseWidth) {
     body {
         margin-top: 0;
     }
@@ -58,8 +58,10 @@ section.content {
 .nav .menu{
 color: #FF9A00;
 }
-.navbar .brand.login {
+.navbar div.brand {
     float: right;
+}
+.navbar a.brand {
     color: #FF9A00;
 }
 
@@ -192,6 +194,20 @@ div.lastactivity .activity .details {
     background-color: @infoBackground;
 }
 
+.lastactivity .activity .date .row-fluid {
+    text-align: center;
+    width: 30px;
+}
+.lastactivity .activity .date .row-fluid:first-child {
+    background-color: @gray;
+    color: @white;
+}
+.lastactivity .activity .date .row-fluid:nth-child(2) {
+    background-color: @grayLight;
+    color: @black;
+    line-height: 10px;
+}
+
 .text-small {
     font-size: @fontSizeSmall;
 }
@@ -218,6 +234,9 @@ div.lastactivity .activity .details {
     body {
         padding: 0 5px;
     }
+    .navbar-fixed-top {
+        margin: 0 -5px;
+    }
 }