From 9abd871a03ead34945f7dff050f92d7ab9225472 Mon Sep 17 00:00:00 2001
From: Luke Bennett <lukeeeebennettplus@gmail.com>
Date: Fri, 16 Sep 2016 10:37:19 +0100
Subject: Added full-width new snippet button on mobile and corrected
 capitalization

Altered specs that click capitalised New Snippet button

Applied review feedback missed in  Changes `.no-comment` `opactiy: 0.5` to `opacity: .5`

Added `.btn-wide-on-xs` and applied to snippet buttons
---
 app/assets/stylesheets/framework/buttons.scss | 6 ++++++
 app/assets/stylesheets/framework/lists.scss   | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

(limited to 'app/assets/stylesheets/framework')

diff --git a/app/assets/stylesheets/framework/buttons.scss b/app/assets/stylesheets/framework/buttons.scss
index 4618687a4be..ce489f7c3de 100644
--- a/app/assets/stylesheets/framework/buttons.scss
+++ b/app/assets/stylesheets/framework/buttons.scss
@@ -336,3 +336,9 @@
     box-shadow: inset 0 0 0 white;
   }
 }
+
+@media (max-width: $screen-xs-max) {
+  .btn-wide-on-xs {
+    width: 100%;
+  }
+}
diff --git a/app/assets/stylesheets/framework/lists.scss b/app/assets/stylesheets/framework/lists.scss
index 46af18580d5..efc348214c2 100644
--- a/app/assets/stylesheets/framework/lists.scss
+++ b/app/assets/stylesheets/framework/lists.scss
@@ -164,7 +164,7 @@ ul.content-list {
       }
 
       .no-comments {
-        opacity: 0.5;
+        opacity: .5;
       }
     }
 
-- 
cgit v1.2.1