From d45d8cf922f694d1fc5803206c678d0572e3108e Mon Sep 17 00:00:00 2001
From: Meriam Lachkar <meriam.lachkar@gmail.com>
Date: Mon, 23 Mar 2020 17:33:57 +0100
Subject: [PATCH] Use specific toc css for scala book

---
 _includes/sidebar-toc-multipage-overview.html |  5 +++
 _sass/layout/toc.scss                         | 45 ++++++++++++++++---
 2 files changed, 45 insertions(+), 5 deletions(-)

diff --git a/_includes/sidebar-toc-multipage-overview.html b/_includes/sidebar-toc-multipage-overview.html
index f6b07866ab..b7bc76d761 100644
--- a/_includes/sidebar-toc-multipage-overview.html
+++ b/_includes/sidebar-toc-multipage-overview.html
@@ -1,7 +1,12 @@
 <div class="content-nav">
 	<div class="inner-box sidebar-toc-wrapper" style="">
 		<h5 class="contents">Contents</h5>
+        {% assign type = page.type %}
+        {% if type %}
+          <div class="inner-toc book" id="sidebar-toc">
+        {% else %}
           <div class="inner-toc" id="sidebar-toc">
+        {% endif %}
 
       <ul>
         {% assign sorted = site.overviews | sort: 'num' %}
diff --git a/_sass/layout/toc.scss b/_sass/layout/toc.scss
index 47e5894f10..482b094f55 100644
--- a/_sass/layout/toc.scss
+++ b/_sass/layout/toc.scss
@@ -32,14 +32,17 @@
 #toc {
   ul {
     list-style: none;
-    margin-top: 10px;
+    margin-left: 18px;
+    margin-top: 18px;
     margin-bottom: 10px;
 
     a {
       display: block;
       list-style: none;
       line-height: 1.3;
+      font-weight: $font-bold;
       font-size: $font-size-small;
+      color: $gray-dark;
       width: 100%;
 
       &:hover {
@@ -49,13 +52,12 @@
     }
 
     li {
-      margin-left: 30px;
-      margin-top: 5px;
+      margin-top: 10px;
 
       ul {
         list-style: disc;
         margin-left: 28px;
-        margin-top: 0px;
+        margin-top: -6px;
         margin-bottom: 6px;
 
         a {
@@ -65,7 +67,6 @@
 
         li {
           margin-bottom: 0;
-          margin-left: 10px;
           margin-top: 0;
           line-height: 1.2;
 
@@ -77,3 +78,37 @@
     }
   }
 }
+
+.book #toc {
+  ul {
+     margin-top: 5px;
+     margin-bottom: 10px;
+     margin-left: 20px;
+
+    a {
+      color: $base-link-color;
+      font-weight: normal;
+    }
+
+    li {
+      margin-left: 10px;
+      margin-top: 5px;
+
+      ul {
+        margin-left: 20px;
+        margin-top: -5px;
+        margin-bottom: 0px;
+
+        a {
+          line-height: 1;
+          font-weight: normal;
+        }
+
+        li {
+          margin-top: 0px;
+          margin-left: 10px;
+        }
+      }
+    }
+  }
+}