From c9960118460def1db045f6d8d4d1a6d9683eba94 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Thu, 11 Aug 2016 21:24:08 +0500
Subject: PLT-3760 - Fixing tutorial positioning on mobile (#3783)

---
 webapp/sass/components/_tutorial.scss | 1 -
 webapp/sass/responsive/_mobile.scss   | 8 ++++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

(limited to 'webapp/sass')

diff --git a/webapp/sass/components/_tutorial.scss b/webapp/sass/components/_tutorial.scss
index a8d3ffdf6..cd972c80c 100644
--- a/webapp/sass/components/_tutorial.scss
+++ b/webapp/sass/components/_tutorial.scss
@@ -176,7 +176,6 @@
 
     .tutorial__content {
         display: table-cell;
-        padding: 20px 40px 80px;
         vertical-align: middle;
 
         .tutorial__steps {
diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss
index defd1f65e..bda11dc2c 100644
--- a/webapp/sass/responsive/_mobile.scss
+++ b/webapp/sass/responsive/_mobile.scss
@@ -1,6 +1,14 @@
 @charset 'UTF-8';
 
 @media screen and (max-width: 768px) {
+    .tutorial-steps__container {
+        .tutorial__content {
+            .tutorial__steps {
+                margin-bottom: 0;
+            }
+        }
+    }
+
     .prompt {
         .prompt__heading {
             display: block;
-- 
cgit v1.2.3-1-g7c22