From 88dfde8afa2e5b95037a0bec4bebc37944efa55a Mon Sep 17 00:00:00 2001
From: Ingo Schommer <ingo@silverstripe.com>
Date: Mon, 27 Aug 2012 15:50:21 +0200
Subject: [PATCH] Removed arbitrary width restrictions on field group children

Let the fields handle their dimensions themselves
(for example the "from" and "to" date fields in the CMS pages search form)
---
 admin/css/screen.css   | 5 +++--
 admin/scss/_forms.scss | 7 ++++++-
 admin/scss/_style.scss | 1 -
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/admin/css/screen.css b/admin/css/screen.css
index 804165a0e72..26143547ed6 100644
--- a/admin/css/screen.css
+++ b/admin/css/screen.css
@@ -210,8 +210,9 @@ form.small .field input.text, form.small .field textarea, form.small .field sele
 .cms .ss-ui-loading-icon { background: url(../../images/network-save.gif) no-repeat; display: block; width: 16px; height: 16px; }
 
 /** ---------------------------------------------------- Grouped form fields ---------------------------------------------------- */
-.fieldgroup .fieldgroup-field { float: left; display: block; width: 184px; padding: 8px 0 0 8px; }
+.fieldgroup .fieldgroup-field { float: left; display: block; padding: 8px 0 0 8px; }
 .fieldgroup .fieldgroup-field .field { border: none; padding-bottom: 0; }
+.fieldgroup.stacked .fieldgroup-field { float: none; }
 
 .ss-toggle { margin-bottom: 8px; }
 .ss-toggle .ui-accordion-header { font-weight: bold; }
@@ -404,7 +405,7 @@ body.cms { overflow: hidden; }
 .cms-content-tools .field input.text, .cms-content-tools .field select, .cms-content-tools .field textarea { padding: 5px; font-size: 11px; }
 .cms-content-tools .field.checkbox { padding: 0 8px 0; }
 .cms-content-tools .field.checkbox input { margin: 2px 0; }
-.cms-content-tools .fieldgroup .fieldgroup-field { width: auto; padding: 0; }
+.cms-content-tools .fieldgroup .fieldgroup-field { padding: 0; }
 .cms-content-tools .fieldgroup .fieldgroup-field .field { margin: 0; padding: 0; }
 .cms-content-tools table { margin: 8px -4px; }
 .cms-content-tools table thead th { color: #1f1f1f; font-weight: bold; line-height: 16px; font-size: 11px; padding: 4px; }
diff --git a/admin/scss/_forms.scss b/admin/scss/_forms.scss
index 302d7b38117..cb6197734f9 100644
--- a/admin/scss/_forms.scss
+++ b/admin/scss/_forms.scss
@@ -443,7 +443,6 @@ form.small .field, .field.small {
 	.fieldgroup-field {
 		float: left;
 		display: block;
-		width: $grid-x * 23;
 		padding: $grid-y 0 0 $grid-x;
 
 		&.odd {
@@ -459,6 +458,12 @@ form.small .field, .field.small {
 			padding-bottom: 0;
 		}
 	}
+
+	&.stacked {
+		.fieldgroup-field {
+			float: none;
+		}
+	}
 }
 
 .ss-toggle {
diff --git a/admin/scss/_style.scss b/admin/scss/_style.scss
index 879e7caca50..16a97d9f664 100644
--- a/admin/scss/_style.scss
+++ b/admin/scss/_style.scss
@@ -738,7 +738,6 @@ body.cms {
 
 	.fieldgroup {
 		.fieldgroup-field {
-			width: auto;
 			padding: 0;
 			
 			.field {