Styling for the Language settings panel

CSS adjustments for the font and input dialogs.

Change-Id: I75049afc7a71ed78edb6e17970699a28f2f2d04e

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;

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;

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>'