label and inline label

app/signup/template.hbs

@@ -16,13 +16,14 @@
     <div>
       <h1>{{t 'signupPage.header'}}</h1>
       <form class="form text-left"  {{action "register" on='submit'}}>
-        <div class="inline-form">
+        <div class="row">
           <label for="login-user-name">{{t 'signupPage.form.labels.loginUsername'}}</label>
           <div name="login-user-name">
             {{input type="text" value=model.name}}
           </div>
         </div>
-        <div class="inline-form">
+
+        <div class="row">
           <label for="email">{{t 'signupPage.form.labels.email'}}</label>
           <div name="email">
             {{input type="email" value=model.email}}

app/styles/components/_forms.scss

@@ -28,6 +28,8 @@ form {
 
 label {
     color: $label-color;
+    display: inline-block;
+    margin-top: 15px;
 }
 
 input[type='checkbox'] {
@@ -100,12 +102,16 @@ textarea {
         // padding: 16px;
         position: relative;
     }
-    .input-label {
+    .input-label, .inline-label {
         @extend .btn;
         @extend .gutless;
         display: block;
         line-height: 1.84;
 
+        label {
+            margin-top: 0;
+        }
+
         &.input-xs {
             padding: 2px 3px;
             line-height: initial;
@@ -120,6 +126,10 @@ textarea {
             font-size: 1.25em;
         }
     }
+
+    .inline-label {
+        text-align: left;
+    }
 }