Implement PR #486

Author: Lionel Bijaoui

dev/projects/full/schema.js

@@ -43,7 +43,7 @@ export default {
 			required: true,
 			help: "First name of user",
 			validator: validators.string,
-			fieldClasses: "half-width",
+			styleClasses: "half-width col-xs-12 col-sm-6",
 			fieldOptions: {
 				inputType: "text"
 			},
@@ -61,7 +61,7 @@ export default {
 			placeholder: "User's last name",
 			featured: true,
 			required: true,
-			fieldClasses: "half-width",
+			styleClasses: "half-width col-xs-12 col-sm-6",
 			fieldOptions: {
 				inputType: "text"
 			},

src/formElement.vue

@@ -141,11 +141,13 @@ export default {
 </script>
 <style lang="scss">
 $errorColor: #f00;
-
+.form-group:not([class*=" col-"]) {
+	width: 100%;
+}
 .form-element {
 	display: inline-block;
 	vertical-align: top;
-	width: 100%;
+	// width: 100%;
 	// margin: 0.5rem 0.26rem;
 	margin-bottom: 1rem;