updated login screen for max width

src/css/styles.css

@@ -34,4 +34,11 @@ textarea.ui-input-text {
 	margin-right: auto;
 	background-image: url('images/key-128.png');
 	background-repeat: no-repeat;
+}
+
+#loginForm {
+	padding: 10px 20px;
+	max-width: 400px;
+	margin-left: auto;
+	margin-right: auto;
 }

src/tpl/login.html

@@ -4,7 +4,7 @@
 
 <div data-role="content">
   <div id="loginImg"></div>
-  <div style="padding:10px 20px;">
+  <div id="loginForm">
     <h3>Please sign in</h3>
     <label for="userId" class="ui-hidden-accessible">Username:</label>
     <input type="email" name="user" id="userId" value="test@atlasdev.onmicrosoft.com" placeholder="email" data-theme="a">