From 693aec5fdc9d7d3c36fd68339288074660435311 Mon Sep 17 00:00:00 2001
From: Isarra <zhorishna@gmail.com>
Date: Fri, 24 Mar 2017 06:26:25 +0000
Subject: [PATCH] Style and message tweaks

Maybe addresses T160647.

Change-Id: I4f6c73db6784415cdeca269321ba6f0f47c67551
---
 i18n/en.json                  |  5 ++---
 resources/screen-common.less  | 13 ++++++++-----
 resources/screen-desktop.less | 34 +++++++++++++++++-----------------
 resources/variables.less      |  8 ++++----
 4 files changed, 31 insertions(+), 29 deletions(-)

diff --git a/i18n/en.json b/i18n/en.json
index f476f3c..37a5dea 100644
--- a/i18n/en.json
+++ b/i18n/en.json
@@ -4,10 +4,10 @@
 	},
 	"skinname-timeless": "Timeless",
 	"timeless-desc": "A timeless skin designed after the Winter prototype by Brandon Harris, and various styles by the Wikimedia Foundation",
-	"timeless-search-placeholder": "Search the text of approximately {{NUMBEROFPAGES}} pages",
+	"timeless-search-placeholder": "Search approximately {{NUMBEROFPAGES}} pages",
 	"timeless-loggedin": "Your account",
 	"timeless-anonymous": "Anonymous",
-	"timeless-loggedinas": "Logged in as $1",
+	"timeless-loggedinas": "Logged in as '''$1'''",
 	"timeless-notloggedin": "Not logged in",
 	"timeless-userpage": "{{GENDER:$1|User}} page",
 	"timeless-talkpage": "{{GENDER:$1|User}} talk",
@@ -22,4 +22,3 @@
 	"timeless-languages": "Languages",
 	"timeless-sitetitle": "{{MediaWiki:Sitetitle}}"
 }
-
diff --git a/resources/screen-common.less b/resources/screen-common.less
index 41f8c47..68c7390 100644
--- a/resources/screen-common.less
+++ b/resources/screen-common.less
@@ -11,9 +11,13 @@ body {
 	font-family: @fonts;
 	color: @text;
 	background: @background-dark;
-	line-height: 1.4;
 	font-size: @font-size;
 }
+body,
+p,
+div {
+	line-height: 1.4;
+}
 
 #mw-content {
 	.box;
@@ -50,7 +54,7 @@ body {
 	height: 11em;
 	background-repeat: no-repeat;
 	background-position: 50% 50%;
-	margin: auto;
+	margin: .75em auto 0;
 }
 #p-logo-text {
 	width: @column-left-size;
@@ -68,7 +72,7 @@ body {
 		/* 13+ character names */
 		&.long {
 			font-size: 1.45em;
-			padding: 0;
+			padding: 0 .75em 0 0;
 			line-height: .8;
 		}
 	}
@@ -202,10 +206,9 @@ div.suggestions {
 		display: inline-block;
 		margin: 0;
 		padding: 0;
-		line-height: 1.5;
 	}
 	li {
-		margin: .25em 0 1.5em;
+		margin: .25em 0 1em;
 		border-bottom: solid 3px @background;
 
 		&:hover {
diff --git a/resources/screen-desktop.less b/resources/screen-desktop.less
index d9523ce..3bb2251 100644
--- a/resources/screen-desktop.less
+++ b/resources/screen-desktop.less
@@ -80,27 +80,27 @@
 	.pokey {
 		top: 2.125em;
 	}
-}
-
-#p-personal h2 {
-	margin: 0;
-	padding: .7em 0 0 25px;
-	font-family: @fonts-secondary;
-	font-weight: normal;
-	font-size: 1.1em;
-	.background-image-svg('images/user-grey.svg', 'images/user-grey.png');
-	background-position: 0 7px;
-	background-repeat: no-repeat;
+	h2 {
+		margin: 0;
+		padding: .7em 0 0 25px;
+		font-family: @fonts-secondary;
+		font-weight: normal;
+		font-size: 1.1em;
+		.background-image-svg('images/user-grey.svg', 'images/user-grey.png');
+		background-position: 0 7px;
+		background-repeat: no-repeat;
 
-	.dropdown-header();
-}
-#p-personal:hover {
-	.pokey,
-	.dropdown {
-		display: block !important;
+		.dropdown-header();
+	}
+	&:hover {
+		.pokey,
+		.dropdown {
+			display: block !important;
+		}
 	}
 }
 
+
 #mw-page-header-links #ca-more,
 #mw-page-header-links #ca-languages,
 .sidebar-chunk h2 {
diff --git a/resources/variables.less b/resources/variables.less
index 136f7bc..9f073d3 100644
--- a/resources/variables.less
+++ b/resources/variables.less
@@ -38,10 +38,10 @@
 
 // Fonts are chosen for consistent metrics, not necessarily overall prettiness.
 // This will NEED fixes for different languages.
-@fonts: 'Helvetica Neue', 'Nimbus Sans', 'Arial', sans-serif;
+@fonts: 'Helvetica Neue', 'Nimbus Sans', 'Helvetica', 'Arial', sans-serif;
 @fonts-secondary: 'Linux Libertine', 'Times New Roman', serif;
-// Based on information on https://wiki.archlinux.org/index.php/Metric-compatible_fonts; not tested
-@fonts-monospace: 'Courier', 'Nimbus Mono', 'Liberation Mono', 'Courier New', monospace, monospace;
+// Based on information on https://wiki.archlinux.org/index.php/Metric-compatible_fonts
+@fonts-monospace: 'Consolas', 'Courier', 'Nimbus Mono', 'Liberation Mono', 'Courier New', monospace;
 @border: .2em;
 @radius: .2em;
 
@@ -174,7 +174,7 @@
 	top: 2.95em;
 	@{direction}: -1em;
 	overflow: visible;
-	z-index: 1;
+	z-index: 3;
 }
 
 // Categories on bottom of page