From bc584963ff0e0e8ad16fdd08c0fce5900fac0630 Mon Sep 17 00:00:00 2001
From: Rigel Kent <sendmemail@rigelk.eu>
Date: Thu, 26 Dec 2019 19:46:59 +0100
Subject: [PATCH] Update noscript message, reduce dropdown icon size and
 horizontal padding

---
 client/src/index.html                | 9 +++------
 client/src/sass/bootstrap.scss       | 4 ++++
 client/src/sass/include/_mixins.scss | 5 +++--
 3 files changed, 10 insertions(+), 8 deletions(-)
diff --git a/client/src/index.html b/client/src/index.html
index 16dcc02c8..9eb3694d2 100644
--- a/client/src/index.html
+++ b/client/src/index.html
@@ -28,14 +28,11 @@
   <body id="custom-css">
 
     <noscript>
-      <p>You are blocking Javascript, and we totally get that. However this endpoint uses Angular, so the front end is in full JavaScript and won't work without it.
+      <p>It seems you are either <strong>blocking or disabling Javascript</strong> on your browser, and we totally get that. However this endpoint uses Angular, so the front end is in full JavaScript and won't work without it.</p>
 
-      <br /><br />
-      There will be other non JS-based clients to access PeerTube, but for now none is available. Be sure we will update this page with a list once alternative clients are developed. You can certainly develop you own in the meantime as our code is open source and libre software under GNU AGPLv3.0.
+      <p>There might be numerous reasons you refuse to use JavaScript. If it just has to do with security (or lack thereof) of JavaScript-based web applications, then depending on your threat menace you might want to go through the code running on the node you are trying to access, and look for security audits.</p>
 
-      <br /><br />
-      There might be numerous reasons you refuse to use JavaScript. If it has just to do with security (or lack thereof) of JavaScript-based webapps, then depending on your threat menace you might want to go through the code running on the node you are trying to access, and look for security audits.
-      </p>
+      <p>There will be other non JS-based clients to access PeerTube, but for now none is available. Be sure we will update this page with a list once alternative clients are developed. You can certainly develop your own in the meantime as our code is open source and libre software under the <a href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE" target="_blank" rel="noopener">GNU AGPLv3.0</a> and documented on <a href="https://docs.joinpeertube.org/api-rest-reference.html">docs.joinpeertube.org</a>.</p>
     </noscript>
 
     <div id="incompatible-browser" class="alert alert-danger" style="display: none">
diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss
index 2f691de70..a3261a8a6 100644
--- a/client/src/sass/bootstrap.scss
+++ b/client/src/sass/bootstrap.scss
@@ -162,3 +162,7 @@ ngb-tabset.bootstrap {
     max-height: 1500px;
   }
 }
+
+.dropdown-divider {
+  margin: 0.3rem 0;
+}
\ No newline at end of file
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index dd2255cbb..17217283e 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -534,10 +534,11 @@
 }
 
 @mixin dropdown-with-icon-item {
-  padding: 6px 24px;
+  padding: 6px 15px;
 
   my-global-icon {
-    width: 24px;
+    width: 22px;
+    opacity: .7;
 
     margin-right: 10px;
     position: relative;
