From e4db3c6c052791dae0d41b8797cfd143a75fe7f2 Mon Sep 17 00:00:00 2001
From: Ingo Schommer <ingo@silverstripe.com>
Date: Mon, 27 Aug 2012 16:02:40 +0200
Subject: [PATCH] Removed DateField special width with .hasDatepicker class

Causes field to change width after first display,
as the .hasDatepicker class is added dynamically on first field focus.
Since we don't add an icon by default, there's no difference
between an <input> field with date picker, an input field for dates,
and a simple input field. Fall back to global (or CMS specific) rules.
---
 admin/css/screen.css   | 1 -
 admin/scss/_forms.scss | 5 -----
 2 files changed, 6 deletions(-)

diff --git a/admin/css/screen.css b/admin/css/screen.css
index 8e2f4a5fd..b9c2a9e3a 100644
--- a/admin/css/screen.css
+++ b/admin/css/screen.css
@@ -180,7 +180,6 @@ form.small .field input.text, form.small .field textarea, form.small .field sele
 .field .chzn-container-single .chzn-single:hover, .field .chzn-container-single .chzn-single:focus, .field .chzn-container-single .chzn-single:active { text-decoration: none; outline: none; }
 .field .chzn-container-single .chzn-single div { width: 24px; }
 .field .chzn-container-single .chzn-single div b { background-position: 4px 0px; }
-.field input.hasDatepicker { width: 50%; max-width: 96px; }
 .field input.month, .field input.day, .field input.year { width: 56px; }
 .field input.time { width: 64px; }
 .field.remove-splitter { border-bottom: none; box-shadow: none; }
diff --git a/admin/scss/_forms.scss b/admin/scss/_forms.scss
index cb6197734..db718a2fb 100644
--- a/admin/scss/_forms.scss
+++ b/admin/scss/_forms.scss
@@ -236,11 +236,6 @@ form.small .field, .field.small {
 	}
 	
 	/* Date Fields */
-	input.hasDatepicker {
-		width: 50%;
-		max-width: ($grid-x * 12);
-	}
-
 	input.month, input.day, input.year { 
 		width: ($grid-x * 7); 
 	}