Bug 1561660 - Tweaked CSS for welcome modal on smaller resolutions (#5155)

content-src/asrouter/components/ModalOverlay/_ModalOverlay.scss

@@ -22,9 +22,8 @@
 .modalOverlayInner {
   width: 960px;
   position: fixed;
-  top: 20%;
+  top: 15%;
   left: calc(50% - 480px); // halfway across minus half the width of the modal
-  max-height: calc(100% - 100px);
   background: $white;
   box-shadow: 0 1px 15px 0 $black-30;
   border-radius: 4px;
@@ -42,14 +41,9 @@
     border-radius: 0;
   }
 
-  // if modal is short enough, add a vertical scroll bar
-  @media(max-width: 850px) and (max-height: 730px) {
-    overflow-y: scroll;
-  }
-
-  // if modal is narrow enough, add a vertical scroll bar
-  @media(max-width: 650px) and (max-height: 600px) {
-    overflow-y: scroll;
+  // if modal is short enough, reduce the top margin
+  @media(max-height: 730px) {
+    top: 5%;
   }
 
   &.active {

content-src/asrouter/templates/Trailhead/_Trailhead.scss

@@ -8,7 +8,6 @@
   background: url('#{$image-path}trailhead/accounts-form-bg.jpg') bottom / cover;
   color: $white;
   height: auto;
-  top: 100px;
 
   a {
     color: $white;