1 files changed, 43 insertions, 3 deletions

diff --git a/public/css/styles.less b/public/css/shame.less
index 55c74a1..023aedd 100644
--- a/public/css/styles.less
+++ b/public/css/shame.less
@@ -4,14 +4,15 @@
 
 //Imports the bootstrap-variables
 @import "variables.less";
-
+//imports the functions from bootstrap
+@import "bootstrapless/mixins.less";
 // The rest comes here
 
 body {
     margin-top: @navbarHeight;
 	background-color:white;
 }
-@media (max-width: 767px) {
+@media (max-width: @navbarCollapseWidth) {
     body {
         margin-top: 0;
     }
@@ -57,8 +58,10 @@ section.content {
 .nav .menu{
 color: #FF9A00;
 }
-.navbar .brand.login {
+.navbar div.brand {
     float: right;
+}
+.navbar a.brand {
     color: #FF9A00;
 }
 
@@ -191,6 +194,20 @@ div.lastactivity .activity .details {
     background-color: @infoBackground;
 }
 
+.lastactivity .activity .date {
+    width: 30px;
+}
+.lastactivity .activity .date .row-fluid { text-align: center; }
+.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: 12px;
+}
+
 .text-small {
     font-size: @fontSizeSmall;
 }
@@ -198,6 +215,29 @@ div.lastactivity .activity .details {
     text-decoration: none;
 }
 
+@media (max-width: 480px) {
+    canvas { display: none; }
+}
+
+@media(max-width: 767px) {
+    #grid > .fluid(@fluidGridColumnWidth768, @fluidGridGutterWidth768);
+    .row-fluid .smallfullwidth {
+        width: 100%;
+        margin-left: 0;
+        text-align: left;
+    }
+    .smallfullwidthh [class*="span"] {
+        width: 100%;
+        margin-left: 0;
+        text-align: left;
+    }
+    body {
+        padding: 0 5px;
+    }
+    .navbar-fixed-top {
+        margin: 0 -5px;
+    }
+}
 
 
 @import "use.less";