UI improvements

web/react/components/tutorial/tutorial_intro_screens.jsx

@@ -211,6 +211,7 @@ export default class TutorialIntroScreens extends React.Component {
                     <div className='tutorial__content'>
                         <div className='tutorial__steps'>
                             {screen}
+                            <div className='tutorial__footer'>
                                 <button
                                     className='btn btn-primary'
                                     tabIndex='1'
@@ -235,6 +236,7 @@ export default class TutorialIntroScreens extends React.Component {
                         </div>
                     </div>
                 </div>
+            </div>
         );
     }
 }

web/sass-files/sass/partials/_modal.scss

@@ -46,7 +46,6 @@
 			}
 			td {
 				width: 100%;
-				white-space: nowrap;
 				@include legacy-pie-clearfix;
 				text-overflow: ellipsis;
 				padding: 8px 8px 8px 15px;

web/sass-files/sass/partials/_tutorial.scss

@@ -32,7 +32,7 @@
     &.tip-overlay--sidebar {
         max-width: 75%;
         margin: 50px 0 0 10px;
-        min-height: 310px;
+        min-height: 330px;
         .tutorial__footer {
             position: absolute;
             width: 100%;
@@ -165,16 +165,15 @@
         .tutorial__steps {
             position: relative;
             max-width: 310px;
-            min-height: 350px;
+            min-height: 370px;
             margin-bottom: 50px;
             text-align: left;
             display: inline-block;
-            padding-bottom: 30px;
         }
-        .btn-primary {
+    }
+    .tutorial__footer {
         position: absolute;
-            bottom: 0px;
+        bottom: 0;
-        }
     }
     h1 {
         font-size: em(40px);
@@ -191,9 +190,7 @@
         bottom: 40px;
     }
     .tutorial-skip {
-        position: absolute;
+        margin-left: 13px;
-        bottom: 7px;
-        left: 80px;
     }
 }