Changed to horizontal layout

Author: Miel Vander Sande

common/css/solid.css

@@ -49,6 +49,10 @@
     width: 100%;
 }
 
+.login-up-form .form-group {
+    margin-bottom: 5px;
+}
+
 .xs-header {
-    margin-top: 0;
+    margin-top: 0px;
 }

default-views/auth/login-username-password.hbs

@@ -1,18 +1,22 @@
 <div class="panel panel-default">
   <div class="panel-body">
-    <form method="post" action="/login/password">
+    <form method="post" action="/login/password" class="form-horizontal login-up-form">
       <div class="form-group">
-        <label class="control-label hidden-xs" for="username">Username</label>
-        <input type="text" class="form-control" name="username" id="username" placeholder="Username"/>
+        <label class="col-xs-3 control-label" for="username">Username</label>
+        <div class="col-xs-9">
+          <input type="text" class="form-control" name="username" id="username" placeholder="Username"/>
+        </div>
       </div>
 
       <div class="form-group">
-        <label class="control-label hidden-xs" for="password">Password</label>
-        <input type="password" class="form-control" name="password" id="password" placeholder="Password"/>
-                <div class="pull-right">
-        <a href="/account/password/reset{{#if returnToUrl}}?returnToUrl={{{returnToUrl}}}{{/if}}">
-          Forgot password?
-          </a>
+        <label class="col-xs-3 control-label" for="password">Password</label>
+        <div class="col-xs-9">
+          <input type="password" class="form-control" name="password" id="password" placeholder="Password"/>
+          <div class="pull-right">
+            <a href="/account/password/reset{{#if returnToUrl}}?returnToUrl={{{returnToUrl}}}{{/if}}">
+              Forgot password?
+            </a>
+          </div>
         </div>
       </div>