From fd4300f8419fa4ee0a59854b50affe55f32c70be Mon Sep 17 00:00:00 2001
From: tophf <tophf@gmx.com>
Date: Wed, 13 Dec 2017 06:53:25 +0300
Subject: [PATCH] add a wiki link, shorten the USO link, use https everywhere

---
 _locales/en/messages.json | 16 ++++++++++++----
 manage.html               |  6 +++++-
 manage/manage.css         |  9 +++++++++
 manifest.json             |  2 +-
 4 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/_locales/en/messages.json b/_locales/en/messages.json
index de700493..be48741b 100644
--- a/_locales/en/messages.json
+++ b/_locales/en/messages.json
@@ -493,6 +493,18 @@
     "message": "License",
     "description": "Label for the license"
   },
+  "linkGetStyles": {
+    "message": "Get styles",
+    "description": "Help link text on the manage page e.g. https://userstyles.org"
+  },
+  "linkGetHelp": {
+    "message": "Get help",
+    "description": "Homepage link text on the manage page e.g. https://add0n.com/stylus.html#features with chat/FAQ/intro/info"
+  },
+  "linkStylusWiki": {
+    "message": "Wiki",
+    "description": "Wiki link text on the manage page e.g. https://github.com/openstyles/stylus/wiki"
+  },
   "linterConfigPopupTitle": {
     "message": "Set $linter$ rules configuration",
     "description": "Stylelint or CSSLint popup header",
@@ -620,10 +632,6 @@
     "message": "Number of applies-to items",
     "description": "Label for the numeric input box to limit max number of applies-to targets in the new UI on manage page"
   },
-  "manageText": {
-    "message": "<a href='https://userstyles.org'>Get styles on userstyles.org</a> | <a href='http://add0n.com/stylus.html'>Get help</a>",
-    "description": "Help text on the manage page"
-  },
   "manageTitle": {
     "message": "Stylus",
     "description": "Title for the manage page"
diff --git a/manage.html b/manage.html
index cc8aef56..0b3d029d 100644
--- a/manage.html
+++ b/manage.html
@@ -337,7 +337,11 @@
     </p>
   </details>
 
-  <p id="manage-text" i18n-html="manageText"></p>
+  <p id="manage-text">
+    <span><a href="https://userstyles.org" target="_blank" i18n-text="linkGetStyles"></a></span>
+    <span><a href="https://add0n.com/stylus.html#features" target="_blank" i18n-text="linkGetHelp"></a></span>
+    <span><a href="https://github.com/openstyles/stylus/wiki" target="_blank" i18n-text="linkStylusWiki"></a></span>
+  </p>
 
 </div>
 
diff --git a/manage/manage.css b/manage/manage.css
index 3755a101..7478d270 100644
--- a/manage/manage.css
+++ b/manage/manage.css
@@ -411,6 +411,15 @@ select {
   margin: -2px 1ex 0 0;
 }
 
+#manage-text {
+  display: flex;
+}
+
+#manage-text > :not(:last-child):after {
+  content: "|";
+  margin: 0 .5em;
+}
+
 .newUI .entry .svg-icon.checked,
 .newUI .entry:hover .svg-icon.checked {
   fill: #000;
diff --git a/manifest.json b/manifest.json
index 45d2c403..5cf96d62 100644
--- a/manifest.json
+++ b/manifest.json
@@ -3,7 +3,7 @@
   "version": "1.1.8",
   "minimum_chrome_version": "49",
   "description": "__MSG_description__",
-  "homepage_url": "http://add0n.com/stylus.html",
+  "homepage_url": "https://add0n.com/stylus.html",
   "manifest_version": 2,
   "icons": {
     "16": "/images/icon/16.png",