From 6377821a7f74ccc6465cdf7ccc85183d61fce481 Mon Sep 17 00:00:00 2001
From: Annabel Dunstone Gray <annabel.dunstone@gmail.com>
Date: Mon, 6 Nov 2017 17:18:25 -0700
Subject: Add mobile styles

---
 app/assets/stylesheets/framework/blank.scss | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/framework/blank.scss b/app/assets/stylesheets/framework/blank.scss
index 9c3df7299b8..28cece67165 100644
--- a/app/assets/stylesheets/framework/blank.scss
+++ b/app/assets/stylesheets/framework/blank.scss
@@ -36,13 +36,17 @@
 }
 
 .blank-state {
-  display: flex;
-  align-items: center;
-  padding: 50px 30px;
+  padding: 20px;
   margin-bottom: 30px;
   border: 1px solid $border-color;
   border-radius: $border-radius-default;
 
+  @media (min-width: $screen-sm-min) {
+    display: flex;
+    align-items: center;
+    padding: 50px 30px;
+  }
+
   .blank-state-icon {
     svg {
       display: block;
@@ -56,6 +60,13 @@
   }
 
   .blank-state-body {
-    padding-left: 20px;
+    @media (max-width: $screen-xs-max) {
+      text-align: center;
+      margin-top: 20px;
+    }
+
+    @media (min-width: $screen-sm-min) {
+      padding-left: 20px;
+    }
   }
 }
-- 
cgit v1.2.1