Merge pull request #18 from chrisbutler/master

adjust markup to align labels
meteor-useraccounts · Oct 10, 2015 · 3305c3c · 3305c3c
2 parents bfc239e + b58f41a
commit 3305c3c
Showing 1 changed file with 15 additions and 13 deletions.
diff --git a/lib/at_input.html b/lib/at_input.html
@@ -3,19 +3,21 @@
 </template>
 
 <template name="atTextInput">
-  <div class="at-input input-field">
-    {{#if showLabels}}
-      <label for="at-field-{{_id}}">
-        {{displayName}} {{#unless required}}{{optionalText}}{{/unless}}
-      </label>
-    {{/if}}
-    <input class="validate {{#if hasError}}invalid{{/if}} {{#if hasSuccess}}valid{{/if}}" type="{{type}}" id="at-field-{{_id}}" name="at-field-{{_id}}" placeholder="{{#unless showLabels}} {{placeholder}} {{/unless}}" autocapitalize="none" autocorrect="off">
-    {{#if hasIcon}}
-        <span class="{{iconClass}}"></span>
-    {{/if}}
-    {{#if hasError}}
-      <span class='red-text'>{{errorText}}</span>
-    {{/if}}
+  <div class="row">
+    <div class="at-input input-field col s12">
+      {{#if showLabels}}
+        <label for="at-field-{{_id}}">
+          {{displayName}} {{#unless required}}{{optionalText}}{{/unless}}
+        </label>
+      {{/if}}
+      <input class="validate {{#if hasError}}invalid{{/if}} {{#if hasSuccess}}valid{{/if}}" type="{{type}}" id="at-field-{{_id}}" name="at-field-{{_id}}" placeholder="{{#unless showLabels}} {{placeholder}} {{/unless}}" autocapitalize="none" autocorrect="off">
+      {{#if hasIcon}}
+          <span class="{{iconClass}}"></span>
+      {{/if}}
+      {{#if hasError}}
+        <span class='red-text'>{{errorText}}</span>
+      {{/if}}
+    </div>
   </div>
 </template>