From 991dcf9fa63273e15b38abaca5f4ac792ca94b7e Mon Sep 17 00:00:00 2001
From: Artur Signell <artur@vaadin.com>
Date: Mon, 7 Jan 2013 23:37:04 +0200
Subject: Fixed ComboBox width problems in all themes (#10484)

Change-Id: Ia8181cd9c9d6a9183083408c55f9c3f28c72fb29
---
 WebContent/VAADIN/themes/runo/select/select.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'WebContent/VAADIN/themes/runo/select/select.scss')

diff --git a/WebContent/VAADIN/themes/runo/select/select.scss b/WebContent/VAADIN/themes/runo/select/select.scss
index fc203a35fa..39eb0c9bde 100644
--- a/WebContent/VAADIN/themes/runo/select/select.scss
+++ b/WebContent/VAADIN/themes/runo/select/select.scss
@@ -1,5 +1,8 @@
 @mixin runo-select($primaryStyleName : v-filterselect) {
 
+$select-button-width: 25px;
+$select-button-negative-width: -25px;
+
 .v-select-select {
 	font-size: 13px;
 }
@@ -18,6 +21,7 @@
 	height: 23px;
 	background: transparent url(img/bg-left-filter.png) no-repeat;
 	padding-left: 4px;
+	padding-right: $select-button-width; /* Space for the button */
 }
 &.v-app .#{$primaryStyleName} .#{$primaryStyleName}-input,
 .v-window .#{$primaryStyleName} .#{$primaryStyleName}-input,
@@ -46,7 +50,8 @@
 	outline-offset: -4px;
 }
 .#{$primaryStyleName}-button {
-	width: 25px;
+	width: $select-button-width;
+	margin-right: $select-button-negative-width;
 	height: 23px;
 	background: transparent url(img/bg-right-filter.png);
 }
-- 
cgit v1.2.3