From 2e36e450ca4017b2f4ecddb4a4539e6d9d3b6f13 Mon Sep 17 00:00:00 2001
From: Will Rossiter <will.rossiter@gmail.com>
Date: Tue, 5 Mar 2013 10:23:30 +1300
Subject: [PATCH] Fix alignment of selects within GridField filters

---
 css/GridField.css   | 1 +
 scss/GridField.scss | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/css/GridField.css b/css/GridField.css
index 4433e2f34..cdf6d27e3 100644
--- a/css/GridField.css
+++ b/css/GridField.css
@@ -81,6 +81,7 @@ Used in side panels and action tabs
 .cms table.ss-gridfield-table tr th.extra { position: relative; background: #637276; background: rgba(0, 0, 0, 0.7); padding: 5px; border-top: rgba(0, 0, 0, 0.2); }
 .cms table.ss-gridfield-table tr th.extra input { height: 28px; }
 .cms table.ss-gridfield-table tr th.extra button.ss-ui-button { padding: .3em; line-height: 1; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; position: relative; border-bottom-width: 0; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; border-radius: 2px / 2px; }
+.cms table.ss-gridfield-table tr th.extra select { margin: 0; }
 .cms table.ss-gridfield-table tr th.first { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
 .cms table.ss-gridfield-table tr th.last { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
 .cms table.ss-gridfield-table tr th button#action_gridfield_relationadd:hover { color: #444 !important; /* Not sure why IE think it needs this */ }
diff --git a/scss/GridField.scss b/scss/GridField.scss
index 10439ab2c..8273cbd7d 100644
--- a/scss/GridField.scss
+++ b/scss/GridField.scss
@@ -382,9 +382,11 @@ $gf_grid_x:	16px;
 					background: rgba(#000, 0.7);		
 					padding: 5px;	
 					border-top:	$gf_colour_text_shadow;
+
 					input {
 						height:28px; //height of input field - to match design.
 					}
+
 					button.ss-ui-button {
 						padding: .3em;
 						line-height: 1;
@@ -392,7 +394,11 @@ $gf_grid_x:	16px;
 						position: relative;
 						border-bottom-width: 0;	
 						@include border-radius(2px, 2px);			
-					}				
+					}
+
+					select {
+						margin: 0;
+					}
 				}
 				&.first {
 					@include border-top-left-radius($gf_border_radius);