From 081310b45e0bff5dcff478cfc016bfb486396745 Mon Sep 17 00:00:00 2001
From: Santhosh Thottingal <santhosh.thottingal@gmail.com>
Date: Tue, 30 Jan 2018 12:44:55 +0530
Subject: [PATCH] Style adjustments for no-results

* 20px spacing above and below the "No results found" message.
* 12px spacing above and below the search indications ("You can search by...")
* Adjusting the text color to use Base20 (#54595D)
* Adjust the background to use the same background color as the area above it (#FCFCFC).
* Add a top border in Base80 (#EAECF0) to separate both areas.

See https://phabricator.wikimedia.org/T175235
---
 css/jquery.uls.lcd.css | 8 +++++---
 src/jquery.uls.lcd.js  | 4 +---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/css/jquery.uls.lcd.css b/css/jquery.uls.lcd.css
index 4d18a57..1f99155 100644
--- a/css/jquery.uls.lcd.css
+++ b/css/jquery.uls.lcd.css
@@ -121,13 +121,15 @@
 .uls-no-results-found-title {
 	font-size: 16px;
 	padding: 0 16px 0 28px;
+	margin: 20px 0;
 	border-bottom: 0;
-	color: #555;
+	color: #54595d;
 }
 
 .uls-no-found-more {
-	background: #f8f8f8;
-	padding: 0 16px 0 44px;
+	border-top: 1px solid #eaecf0;
+	color: #54595d;
+	padding: 12px 16px 12px 44px;
 	font-size: 0.9em;
 	width: 100%;
 	margin-top: 1.6em;
diff --git a/src/jquery.uls.lcd.js b/src/jquery.uls.lcd.js
index 3988a48..ae78ff0 100644
--- a/src/jquery.uls.lcd.js
+++ b/src/jquery.uls.lcd.js
@@ -27,9 +27,7 @@
 		<h2 data-i18n="uls-no-results-found" class="uls-no-results-found-title">No results found</h2> \
 		<div class="uls-no-results-suggestions"></div> \
 		<div class="uls-no-found-more"> \
-		<div><p> \
-		<span data-i18n="uls-search-help">You can search by language name, script name, ISO code of language or you can browse by region.</span>\
-		</p></div> \
+		<div data-i18n="uls-search-help">You can search by language name, script name, ISO code of language or you can browse by region.</div> \
 		</div></div>';
 
 	/**