[deploy] Fix onboarding profile slide for short screens (#7269)

app/assets/stylesheets/preact/onboarding-modal.scss

@@ -36,6 +36,8 @@
   flex: 1 0 auto;
   padding: $su-4;
   width: 100%;
+  max-height: calc(100vh - 70px);
+  overflow: auto;
 
   @media screen and (min-width: $breakpoint-s) {
     justify-content: center;
@@ -592,4 +594,10 @@ $onboarding-user-selected-hover: rgba(71, 85, 235, 0.2);
       }
     }
   }
+
+  @media screen and (max-height: 790px) {
+    .onboarding-form-input--last {
+      margin-bottom: 25px;
+    }
+  }  
 }

app/javascript/onboarding/__tests__/__snapshots__/Onboarding.test.jsx.snap

@@ -507,6 +507,7 @@ preact-render-spy (1 nodes)
             placeholder="e.g. Company name, self-employed, etc."
             onChange={[Function bound handleChange]}
             maxLength="60"
+            class="onboarding-form-input--last"
            />
         </label>
       </form>

app/javascript/onboarding/components/ProfileForm.jsx

@@ -115,6 +115,7 @@ class ProfileForm extends Component {
                 placeholder="e.g. Company name, self-employed, etc."
                 onChange={this.handleChange}
                 maxLength="60"
+                className="onboarding-form-input--last"
               />
             </label>
           </form>