From 0dd876931111362d6b1995aa005612562c590587 Mon Sep 17 00:00:00 2001
From: Fomafix <fomafix@googlemail.com>
Date: Fri, 15 Aug 2014 23:33:42 +0000
Subject: [PATCH] search.less: Use static width for the search button

Now the width of the search box can increased without increasing
the width of the search button.

Change-Id: I0a9746c16dce44ff2a458e76a55741fcb1f7af0b
---
 components/search.less | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/components/search.less b/components/search.less
index 46c3030..925205c 100644
--- a/components/search.less
+++ b/components/search.less
@@ -18,7 +18,8 @@
 
 div#simpleSearch {
 	display: block;
-	width: 14em;
+	width: 12.6em;
+	padding-right: 1.4em;
 	height: 1.4em;
 	margin-top: 0.65em;
 	position: relative;
@@ -32,7 +33,6 @@ div#simpleSearch {
 
 	// Styles for both the search input and the button
 	input {
-		position: absolute;
 		margin: 0;
 		padding: 0;
 		border: 0;
@@ -42,9 +42,7 @@ div#simpleSearch {
 
 	// The search input
 	#searchInput {
-		top: 0;
-		left: 0;
-		width: 90%;
+		width: 100%;
 		padding: 0.2em 0 0.2em 0.2em;
 		font-size: 13px;
 		direction: ltr;
@@ -87,14 +85,14 @@ div#simpleSearch {
 	// present the fulltext search one obscures the 'Go' one.
 	#searchButton,
 	#mw-searchButton {
+		position: absolute;
 		top: 0;
 		right: 0;
-		width: 10%;
+		width: 1.65em;
 		height: 100%;
 		cursor: pointer;
 		/* Hide button text and replace it with the image. */
-		/* This would be 100% if not for Firefox shenanigans (bug 60900). */
-		text-indent: 200%;
+		text-indent: -99999px;
 		/* Needed to make IE6 respect the text-indent. */
 		line-height: 1;
 		/* Opera 12 on RTL flips the text in a funny way without this. */