UX: Fixes for mobile "create account" modal (#24043)

- Don't include login buttons on mobile
- Fix padding/spacing

app/assets/javascripts/discourse/app/templates/modal/create-account.hbs

@@ -274,12 +274,13 @@
           />
 
         {{/if}}
-        {{#unless this.hasAuthOptions}}
-          <div class="create-account-login-buttons">
-            <LoginButtons @externalLogin={{action "externalLogin"}} />
-          </div>
-        {{/unless}}
-
+        {{#if this.site.desktopView}}
+          {{#unless this.hasAuthOptions}}
+            <div class="create-account-login-buttons">
+              <LoginButtons @externalLogin={{action "externalLogin"}} />
+            </div>
+          {{/unless}}
+        {{/if}}
         {{#if this.skipConfirmation}}
           {{loading-spinner size="large"}}
         {{/if}}

app/assets/stylesheets/common/base/login.scss

@@ -333,6 +333,12 @@ body.invite-page {
 .toggle-password-mask {
   align-self: start;
   line-height: 1.4; // aligns with input description text
+  .ios-device & {
+    // reset form-item-sizing mixin styles
+    padding-top: 0;
+    padding-bottom: 0;
+    font-size: var(--font-0);
+  }
 }
 
 // admin invite page

app/assets/stylesheets/mobile/login.scss

@@ -212,7 +212,8 @@
     border-bottom: 1px solid var(--primary-low);
   }
   .login-form {
-    margin-bottom: 0.75em;
+    margin-bottom: 0;
+    padding-bottom: 0;
   }
 }