From e8d2ea63f536755122cd2dfeefd064fc52bf1e41 Mon Sep 17 00:00:00 2001
From: Eric Amodio <eamodio@gmail.com>
Date: Sat, 3 Feb 2018 04:32:47 -0500
Subject: [PATCH] Fixes layout

---
 src/ui/scss/main.scss      | 10 +++++-----
 src/ui/settings/index.html | 16 ++++++++++------
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/ui/scss/main.scss b/src/ui/scss/main.scss
index 1baea64..664d9dd 100644
--- a/src/ui/scss/main.scss
+++ b/src/ui/scss/main.scss
@@ -532,12 +532,12 @@ ul {
 .settings-group__hint {
     color: var(--color--75);
     font-weight: 200;
+}
 
-    span {
-        display: inline-block;
-        margin-left: 34px;
-        margin-top: 0.5em;
-    }
+.settings-group__hint--more {
+    display: block;
+    margin-left: 34px;
+    margin-top: 0.5em;
 }
 
 .settings-group__setting {
diff --git a/src/ui/settings/index.html b/src/ui/settings/index.html
index f3e92b4..e37f54b 100644
--- a/src/ui/settings/index.html
+++ b/src/ui/settings/index.html
@@ -232,7 +232,7 @@
                             <p class="settings-group__hint">
                                 <i class="icon icon--lg icon__info"></i>
                                 For more advanced customizations open <a class="command" title="Open User Settings" href="command:workbench.action.openGlobalSettings">User Settings</a> and search for <b><i>gitlens.codeLens</i></b>
-                                <span>
+                                <span class="settings-group__hint--more">
                                     Use the
                                     <a class="command" title="Run command" href="command:gitlens.toggleCodeLens">GitLens: Toggle Git Code Lens</a> command to override this setting for the current window
                                 </span>
@@ -265,7 +265,7 @@
                             <p class="settings-group__hint">
                                 <i class="icon icon--lg icon__info"></i>
                                 For more advanced customizations open <a class="command" title="Open User Settings" href="command:workbench.action.openGlobalSettings">User Settings</a> and search for <b><i>gitlens.currentLine</i></b>
-                                <span>
+                                <span class="settings-group__hint--more">
                                     Use the
                                     <a class="command" title="Run command" href="command:gitlens.toggleLineBlame" class="command">GitLens: Toggle Line Blame Annotations</a> command to override this setting for the current window
                                 </span>
@@ -341,8 +341,8 @@
                             <p class="settings-group__hint">
                                 <i class="icon icon--lg icon__info"></i>
                                 For more advanced customizations open <a class="command" title="Open User Settings" href="command:workbench.action.openGlobalSettings">User Settings</a> and search for <b><i>gitlens.blame</i></b>
-                                <span>
-                                    Press <span class="shortcut-key">Esc</span> to quickly turn off the annotations
+                                <span class="settings-group__hint--more">
+                                    Press <span class="shortcut-key">Esc</span> to turn off the annotations
                                 </span>
                             </p>
                         </div>
@@ -483,7 +483,11 @@
                             </div>
                             <p class="settings-group__hint">
                                 <i class="icon icon--lg icon__info"></i>
-                                Press <span class="shortcut-key">Esc</span> to quickly turn off the annotations
+                                Use the
+                                <a class="command" title="Run command" href="command:gitlens.toggleFileRecentChanges" class="command">GitLens: Toggle Recent File Changes Annotations</a> command to turn the annotations on or off
+                                <span class="settings-group__hint--more">
+                                    Press <span class="shortcut-key">Esc</span> to turn off the annotations
+                                </span>
                             </p>
                         </div>
                     </section>
@@ -532,7 +536,7 @@
                             <p class="settings-group__hint">
                                 <i class="icon icon--lg icon__info"></i>
                                 For more advanced customizations open <a class="command" title="Open User Settings" href="command:workbench.action.openGlobalSettings">User Settings</a> and search for <b><i>gitlens.statusBar</i></b>
-                                <span>
+                                <span class="settings-group__hint--more">
                                     Use the
                                     <a class="command" title="Run command" href="command:gitlens.toggleLineBlame" class="command">GitLens: Toggle Line Blame Annotations</a> command to override this setting for the current window
                                 </span>