From 33d555137d3a6fe7209063fde6bbce331844a9e2 Mon Sep 17 00:00:00 2001
From: Allie Sadler <102604716+aevesdocker@users.noreply.github.com>
Date: Fri, 2 Sep 2022 14:13:00 +0100
Subject: [PATCH] ENGDOCS-967 (#15552)

---
 _layouts/docs.html     | 17 ++++++++++-------
 _scss/_navigation.scss | 16 ++++++++++++----
 2 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/_layouts/docs.html b/_layouts/docs.html
index 5ed270243b..8fab27fece 100644
--- a/_layouts/docs.html
+++ b/_layouts/docs.html
@@ -60,12 +60,6 @@
                             <div class="toc-nav">
                                 <div class="feedback-links">
                                     <ul>
-                                        {%- if edit_url != "" -%}
-                                        <li><a href="{{ edit_url }}"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Edit this page</a></li>
-                                        {%- endif -%}
-                                        {%- if issue_url != "" -%}
-                                        <li><a href="{{ issue_url }}" class="nomunge"><i class="fa fa-check" aria-hidden="true"></i> Request docs changes</a></li>
-                                        {%- endif -%}
                                         <li>{%- include theme-switch.html -%}</li>
                                     </ul>
                                 </div>
@@ -73,9 +67,18 @@
                                 {%- assign my_min = page.toc_min | default: site.toc_min | default: 2 -%}
                                 {%- assign my_max = page.toc_max | default: site.toc_max | default: 3 -%}
                                 {%- assign my_name = page.url | default: "unnamed" -%}
-                                <div id="side-toc-title">On this page:</div>
+                                <div id="side-toc-title">Contents:</div>
                                 {%- include toc_pure_liquid.html html=content sanitize=true class="inline_toc" id="my_toc" toc_min=my_min toc_max=my_max page_name=my_name -%}
                                 {%- endunless -%}
+                                <div class="feedback-links">
+                                    <ul>
+                                        {%- if edit_url != "" -%}
+                                        <li><a href="{{ edit_url }}"><i class="fa fa-pencil" aria-hidden="true"></i> Edit this page</a></li>
+                                        {%- endif -%}
+                                        {%- if issue_url != "" -%}
+                                        <li><a href="{{ issue_url }}" class="nomunge"><i class="fa fa-check" aria-hidden="true"></i> Request changes</a></li>
+                                        {%- endif -%}
+                                    </ul>
                             </div>
                         </div>
                     </div>
diff --git a/_scss/_navigation.scss b/_scss/_navigation.scss
index 77418661a8..53d99410ed 100755
--- a/_scss/_navigation.scss
+++ b/_scss/_navigation.scss
@@ -136,21 +136,29 @@
         a {
             display: inline-block;
             font-size: 12px;
-            padding: 5px 10px 5px 10px;
+            padding: 2px 10px 2px 10px;
+            color: #677285;
+        }
+        .slider{
+            background-color: #e0e4e7;
+            border: 1px solid #e0e4e7;
+        }
+        .slider:before{
+            background-color: #677285;
         }
     }
 }
 
 .toc-nav li a.active {
-    color: $primary-links;
-    border-left: 4px solid $primary-links;
+    border-left: 4px solid #677285;
     font-weight: bold;
+    color: #677285;
 }
 
 .toc-nav i.fa {
     font-size: 14px;
     margin: 0 8px 0 0;
-    color: $primary-links;
+    color: #677285;
 }
 
 div#side-toc-title {