FIX: problems with mobile login modal

app/assets/javascripts/discourse/templates/mobile/modal/login.js.handlebars

@@ -55,7 +55,7 @@
     </button>
 
     {{#unless Discourse.SiteSettings.invite_only}}
-      &nbsp; {{i18n create_account.invite}}
+      {{i18n create_account.invite}}
       <a id="new-account-link" {{action showCreateAccount}}>
         {{i18n create_account.action}}
       </a>

app/assets/javascripts/discourse/templates/modal/modal.js.handlebars

@@ -5,6 +5,7 @@
       <div class="modal-header">
         <a class="close" {{action closeModal}}><i class='fa fa-times'></i></a>
         <h3>{{title}}</h3>
+        <div class="clearfix"></div>
       </div>
       <div id='modal-alert'></div>
 

app/assets/stylesheets/mobile/login.scss

@@ -4,7 +4,7 @@
 @import "../common/foundation/mixins";
 
 .btn-social {
-  width: 95%;
+  width: 250px;
   font-size: 16px;
 }
 
@@ -13,8 +13,8 @@
   button {
     margin: 0 0 5px 0;
   }
-  margin-top: 10px;
-  margin-bottom: 20px;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 
 #login-form {
@@ -23,7 +23,7 @@
     cursor: pointer;
   }
   label {float: left; display: block;}
-  textarea, input, select {font-size: 16px; clear: left;}
+  textarea, input, select {font-size: 16px; clear: left; margin-top: 0;}
 }
 
 // Create account
@@ -36,4 +36,4 @@ a#forgot-password-link {clear: left; float: left; }
 
 .btn-primary {margin-bottom: 10px; font-size: 15; clear: left; float: left;}
 
-a#new-account-link {margin-left: 7px;}
+a#new-account-link { white-space:nowrap; }

config/locales/client.en.yml

@@ -474,7 +474,7 @@ en:
       title: "Log In"
       username: "Login"
       password: "Password"
-      email_placeholder: "email address or username"
+      email_placeholder: "email or username"
       error: "Unknown error"
       reset_password: 'Reset Password'
       logging_in: "Logging In..."