From 8ca0733607a9c28d558bed68f0b45d6172f8145b Mon Sep 17 00:00:00 2001
From: Pau Giner <pau.giner@gmail.com>
Date: Fri, 26 Apr 2013 18:47:49 +0200
Subject: [PATCH] Styling for the Language settings panel

CSS adjustments for the font and input dialogs.

Change-Id: I75049afc7a71ed78edb6e17970699a28f2f2d04e
---
 resources/css/ext.uls.displaysettings.css | 17 +++++++++++------
 resources/css/ext.uls.inputsettings.css   |  2 +-
 resources/js/ext.uls.displaysettings.js   |  6 +++---
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/resources/css/ext.uls.displaysettings.css b/resources/css/ext.uls.displaysettings.css
index 7586d9f1..85255c81 100644
--- a/resources/css/ext.uls.displaysettings.css
+++ b/resources/css/ext.uls.displaysettings.css
@@ -59,11 +59,21 @@ div.display-settings-block {
 	position:relative;
 	min-height: 150px;
 }
+.uls-display-settings-font-selectors {
+	margin: 5px 0 15px 0;
+	border-top: 1px solid #EEEEEE;
+}
+
+.uls-font-item {
+	border-bottom: 1px solid #EEEEEE;
+	background: #FBFBFB;
+	margin: 0 ;
+	padding: 10px 0;
+}
 
 .uls-font-label,
 .uls-font-select {
 	font-size: 10pt;
-	line-height: 16pt;
 }
 
 .uls-font-select {
@@ -77,11 +87,6 @@ div.display-settings-block {
 	vertical-align: middle;
 }
 
-.uls-content-fonts,
-.uls-ui-fonts {
-	padding-top: 10px;
-}
-
 .uls-content-fonts:hover,
 .uls-ui-fonts:hover {
 	background-color: #F6F6F6;
diff --git a/resources/css/ext.uls.inputsettings.css b/resources/css/ext.uls.inputsettings.css
index 83a33f96..b8c7b561 100644
--- a/resources/css/ext.uls.inputsettings.css
+++ b/resources/css/ext.uls.inputsettings.css
@@ -83,7 +83,7 @@ div.input-settings-block {
 	padding-top: 10px;
 }
 
-.uls-input-settings-inputmethods-list {
+.uls-input-settings .uls-input-settings-inputmethods-list {
 	margin: 12px 0;
 	padding: 6px 10px;
 	background: #f0f0f0;
diff --git a/resources/js/ext.uls.displaysettings.js b/resources/js/ext.uls.displaysettings.js
index 279fb32a..fab120f3 100644
--- a/resources/js/ext.uls.displaysettings.js
+++ b/resources/js/ext.uls.displaysettings.js
@@ -58,10 +58,10 @@
 		+ '</div>'
 		+ '</div>'
 
-		+ '<div id="uls-display-settings-font-selectors">'
+		+ '<div id="uls-display-settings-font-selectors" class="uls-display-settings-font-selectors">'
 
 		// Menus font selection dropdown with label
-		+ '<div class="row uls-content-fonts">'
+		+ '<div class="row uls-font-item uls-content-fonts">'
 		+ '<div class="six columns">'
 		+ '<label class="uls-font-label" id="content-font-selector-label"></label>'
 		+ '</div>'
@@ -69,7 +69,7 @@
 		+ '</div>'
 
 		// Content font selection dropdown with label
-		+ '<div class="row uls-ui-fonts">'
+		+ '<div class="row uls-font-item uls-ui-fonts">'
 		+ '<div class="six columns">'
 		+ '<label class="uls-font-label" id="ui-font-selector-label"></label>'
 		+ '</div>'