From 3d7023e7ed72ebf7bf194294cf4bf0af879c0388 Mon Sep 17 00:00:00 2001
From: Chad Horohoe <chadh@wikimedia.org>
Date: Thu, 7 Nov 2013 15:19:36 -0800
Subject: [PATCH] Give the search page a little UI love

Uses mediawiki.ui to make the input field more legible and modern,
as well as giving the search button a lovely shade of blue.

Screenshot: https://www.mediawiki.org/wiki/File:Search-UI-minor-tweak.png
Change-Id: I7fdd9970ed5807df94c04bec1681f33523cad173
---
 includes/specials/SpecialSearch.php                  | 12 +++++++++---
 .../mediawiki.special/mediawiki.special.search.css   |  6 ++++++
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/includes/specials/SpecialSearch.php b/includes/specials/SpecialSearch.php
index 8c8de8e7dd..dd326569ec 100644
--- a/includes/specials/SpecialSearch.php
+++ b/includes/specials/SpecialSearch.php
@@ -88,7 +88,9 @@ class SpecialSearch extends SpecialPage {
 		$this->outputHeader();
 		$out = $this->getOutput();
 		$out->allowClickjacking();
-		$out->addModuleStyles( 'mediawiki.special' );
+		$out->addModuleStyles( array(
+			'mediawiki.special', 'mediawiki.special.search', 'mediawiki.ui'
+		) );
 
 		// Strip underscores from title parameter; most of the time we'll want
 		// text form here. But don't strip underscores from actual text params!
@@ -1093,10 +1095,14 @@ class SpecialSearch extends SpecialPage {
 		$out .= Html::input( 'search', $term, 'search', array(
 			'id' => $this->profile === 'advanced' ? 'powerSearchText' : 'searchText',
 			'size' => '50',
-			'autofocus'
+			'autofocus',
+			'class' => 'mw-ui-input',
 		) ) . "\n";
 		$out .= Html::hidden( 'fulltext', 'Search' ) . "\n";
-		$out .= Xml::submitButton( $this->msg( 'searchbutton' )->text() ) . "\n";
+		$out .= Xml::submitButton(
+			$this->msg( 'searchbutton' )->text(),
+			array( 'class' => array( 'mw-ui-button', 'mw-ui-primary' ) )
+		) . "\n";
 		return $out . $this->didYouMeanHtml;
 	}
 
diff --git a/resources/mediawiki.special/mediawiki.special.search.css b/resources/mediawiki.special/mediawiki.special.search.css
index 914e47e341..7e6e8e6af0 100644
--- a/resources/mediawiki.special/mediawiki.special.search.css
+++ b/resources/mediawiki.special/mediawiki.special.search.css
@@ -12,3 +12,9 @@
 .searchresult {
 	display: inline !ie;
 }
+
+/** Add some extra padding keep browser's "clear field"
+ UI from rubbing up against the side of the field */
+input[type="search"] {
+	padding-right: 0.5em;
+}
-- 
2.20.1