WEB: Improve language selector visuals

scummvm · Dec 12, 2015 · c2ee971 · c2ee971
1 parent cd6bb4d
commit c2ee971
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 10 deletions.
diff --git a/css/lang-menu.css b/css/lang-menu.css
@@ -3,7 +3,7 @@
 	margin: 0 auto;
 	float: right;
 	position: relative;
-	right: 583px;
+	right: 620px;
 	top: 79px;
 }
 
@@ -24,7 +24,7 @@ code.text-badge {
 
 #langmenu a {
 	position: relative;
-	top: 8px;
+	top: 4px;
 	color: #000000;
 	text-decoration: none;
 	font-size: 9pt;
@@ -33,11 +33,15 @@ code.text-badge {
 #langmenu > li {
 	float: left;
 	height: 29px;
+	width: 115px;
 	margin-top: 0pt;
 	margin-bottom: 0pt;
 	position: relative;
 	background: url(../images/header-background.gif) repeat-x;
 
+	border-left: 1px solid #cecece;
+	border-right: 1px solid #cecece;
+	border-top: 1px solid #cecece;
 	border-radius: 4px 4px 0 0;
 	-moz-border-radius: 4px 4px 0 0;
 	-webkit-border-radius: 4px 4px 0 0;
@@ -56,15 +60,15 @@ code.text-badge {
 
 #langmenu > li > ul {
 	position: absolute;
-	top: 29px;
-	left: -20px;
-	width: 100px;
+	top: 27px;
+	left: 0px;
+	width: 105px;
 	border-radius: 0 0 4px 4px;
 	-moz-border-radius: 0 0 4px 4px;
 	-webkit-border-radius: 0 0 4px 4px;
-	border-left: 1px solid #cecece;
-	border-right: 1px solid #cecece;
-	border-bottom: 1px solid #cecece;
+	border-left: 1px solid #505050;
+	border-right: 1px solid #505050;
+	border-bottom: 1px solid #505050;
 	padding: 10px 10px 10px 0px;
 	display: none;
 	background: #f6f6f6;
@@ -82,7 +86,7 @@ code.text-badge {
 
 #langmenu li ul li {
 	float: left;
-	width: 110px;
+	width: 115px;
 	list-style: none;
 	margin: 0 5px 7px 0;
 	padding: 0 0 3px 0;
@@ -92,9 +96,11 @@ code.text-badge {
 	font-size: 9pt;
 	font-weight: bold;
 	display: block;
+	padding: 2px 0px 2px 0px;
 }
 
 #langmenu li ul li a:hover {
 	color: #ffffff;
+	padding: 2px 0px 2px 0px;
 	background: url(../images/par-head.png) repeat-x;
 }
diff --git a/images/lang-icon.png b/images/lang-icon.png
diff --git a/templates/lang_menu.tpl b/templates/lang_menu.tpl
@@ -1,7 +1,7 @@
 <div id="lang-wrapper">
     <div id="drop-down">
         <ul id="langmenu">
-            <li><a href="">Language</a>
+            <li><a href=""><img src="images/lang-icon.png" width="16" height="16">&nbsp;&nbsp;Language</a>
                 <ul>
                     <li><a href="{$pageurl}?lang="><code class="text-badge">EN</code>English</a></li>
                     <li><a href="{$pageurl}?lang=de"><code class="text-badge">DE</code>German</a></li>