From cd4968cecb1aa4c72b122011e8b6a5f3efb9f807 Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Mon, 24 Sep 2018 15:58:23 +0200
Subject: [PATCH] Implement PR #486

---
 dev/projects/full/schema.js | 4 ++--
 src/formElement.vue         | 6 ++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/dev/projects/full/schema.js b/dev/projects/full/schema.js
index 7121b9a1..b92db3bc 100644
--- a/dev/projects/full/schema.js
+++ b/dev/projects/full/schema.js
@@ -44,7 +44,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"
 			},
@@ -64,7 +64,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"
 			},
diff --git a/src/formElement.vue b/src/formElement.vue
index 7b1ab60f..265a76e4 100644
--- a/src/formElement.vue
+++ b/src/formElement.vue
@@ -132,11 +132,13 @@ export default {
 </script>
 <style lang="scss">
 $errorColor: #f00;
-
+.form-element: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;