diff options
author | David Meza <david@alturasoluciones.com> | 2016-11-08 09:59:05 -0500 |
---|---|---|
committer | Harrison Healey <harrisonmhealey@gmail.com> | 2016-11-08 09:59:05 -0500 |
commit | 07dbbfb9575d544d9d01fabfd57abcc613e5c85b (patch) | |
tree | 242d6c307962ae78920802eba0cead5b961e44de /webapp/sass/responsive/_mobile.scss | |
parent | 40e8fbaa626cbb34e2bb0f9317511c68c93d4044 (diff) | |
download | chat-07dbbfb9575d544d9d01fabfd57abcc613e5c85b.tar.gz chat-07dbbfb9575d544d9d01fabfd57abcc613e5c85b.tar.bz2 chat-07dbbfb9575d544d9d01fabfd57abcc613e5c85b.zip |
PLT-4546 Welcome/tutorial screens have messed up layout at a width of 320px (iPhone 5 size) or less (#4476)
Diffstat (limited to 'webapp/sass/responsive/_mobile.scss')
-rw-r--r-- | webapp/sass/responsive/_mobile.scss | 26 |
1 files changed, 23 insertions, 3 deletions
diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index d18295dc4..b66189c8b 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -83,9 +83,10 @@ .tutorial-steps__container { .tutorial__content { .tutorial__steps { - margin-bottom: 0; - min-height: auto; - padding-bottom: 8em; + margin-top: 15%; + margin-bottom: 15%; + max-height: 70%; + padding-bottom: 0; } } } @@ -1389,6 +1390,25 @@ .tutorial__steps { padding: 0 20px; width: 100%; + h1 { + font-size: 35px; + margin: -5px 0 20px; + } + h3 { + margin-bottom: 10px; + } + .tutorial__app-icons { + margin: 10px 0; + } + .tutorial__circles { + margin: 0 0 15px; + bottom: 60px; + position: absolute; + } + .tutorial__footer { + bottom: 30px; + position: absolute; + } } } } |