Compact Links: Redesign the more languages button

Change-Id: Ie4d1cb5bf89ac47bac141b0f5a83452cfa9a0783

resources/css/ext.uls.compactlinks.css

@@ -1,21 +1,20 @@
-#more-lang-label {
-	color: #8b8989;
-	display: block;
-	font-size: 12px;
-	line-height: 1.2;
-	margin: 5px 0;
-}
-
 #p-lang .body ul .uls-trigger,
 #p-lang .pBody ul .uls-trigger {
 	background-image: none;
 	padding: 0;
 }
 
-.mw-interlanguage-selector {
+.mw-interlanguage-selector,
+.mw-interlanguage-selector:active {
 	cursor: pointer;
-	margin: 2px 0;
-	padding: 0 8px;
+	padding: 4px 6px 4px 25px;
+	font-size: 13px;
+	font-weight: 400;
+	background-image: url( ../images/compact-links-trigger.svg );
+	background-size: 17px;
+	background-repeat: no-repeat;
+	background-position: 9% 8%;
+	margin-top: 4px;
 }
 
 .interlanguage-uls-menu:after,

resources/images/compact-links-trigger.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 612 792" enable-background="new 0 0 612 792"><g fill="#777"><path d="M291.3 439.4c-39.5-38.9-73.9-72.7-93.7-150.5h138.4v-58.6h-138.4v-77.1h-59.3v77.8h-138.3v58.7h138.3v19.8c-19.7 76.9-43.3 126-138.3 173.8l19.8 58.7c89.9-48.4 137.1-107.7 158.1-175.3 19.8 51 53.5 91.8 91.8 130l21.6-57.3zM473.7 250h-79l-138.4 388.9h59.3l39.5-116.7h158.1l39.5 116.7h59.3l-138.3-388.9zm-98.8 214.2l59.3-155.5 59.3 155.6-118.6-.1z"/></g></svg>

resources/js/ext.uls.compactlinks.js

@@ -287,20 +287,16 @@
 		 * Add the trigger at the bottom of the language list
 		 */
 		addTrigger: function () {
-			var $trigger, $triggerLabel;
+			var $trigger;
 
 			$trigger = $( '<button>' )
 				.addClass( 'mw-interlanguage-selector mw-ui-button active' )
-				.html( '&#8230' ); // '…'
-
-			$triggerLabel = $( '<label>' )
-				.attr( 'id', 'more-lang-label' )
-				.text( $.i18n(
+				.html( $.i18n(
 					'ext-uls-compact-link-count',
 					mw.language.convertNumber( this.listSize - this.compactSize )
 				) );
 
-			this.$interlanguageList.append( $trigger, $triggerLabel );
+			this.$interlanguageList.append( $trigger );
 			this.$trigger = $trigger;
 		},