Merge pull request #487 from alphagov/remove-float-form-group

Remove float and width 100% from form group
alphagov · Jun 14, 2017 · 7d07d9d · 7d07d9d
2 parents 6f32364 + 7719da2
commit 7d07d9d
Showing 1 changed file with 6 additions and 13 deletions.
diff --git a/assets/sass/elements/_forms.scss b/assets/sass/elements/_forms.scss
@@ -41,14 +41,14 @@ textarea {
 // 2. Form wrappers
 // ==========================================================================
 
-// Form section is used to wrap .form-group and has twice its margin
-.form-section {
+.form-section,
+.form-group {
   @extend %contain-floats;
   @include box-sizing(border-box);
+}
 
-  float: left;
-  width: 100%;
-
+// Form section is used to wrap .form-group and has twice its margin
+.form-section {
   margin-bottom: $gutter;
 
   @include media(tablet) {
@@ -58,12 +58,6 @@ textarea {
 
 // Form group is used to wrap label and input pairs
 .form-group {
-  @extend %contain-floats;
-  @include box-sizing(border-box);
-
-  float: left;
-  width: 100%;
-
   margin-bottom: $gutter-half;
 
   @include media(tablet) {
@@ -108,9 +102,8 @@ textarea {
 
 // Used for the 'or' in between block label options
 .form-block {
-  @extend %contain-floats;
   float: left;
-  width: 100%;
+  clear: left;
 
   margin-top: -5px;
   margin-bottom: 5px;