changes as per #114 (comment)

z · z · commit 4e1e378e9b17 · 2017-12-05T17:37:01.000+05:30
diff --git a/components/learn/syllabus-tree/syllabus-tree-container.js b/components/learn/syllabus-tree/syllabus-tree-container.js
@@ -34,14 +34,15 @@ export default class SyllabusTree extends React.Component {
         font-size: 0.85rem;
         user-select: none;
         border-left: 2px solid #fff;
+        color: #888;
         :hover {
           background-color: #f5f5f5;
           border-left: 2px solid #374355;
           cursor: pointer;
         }
       }
 
-      & .chapter-active {
+      & .active {
         color: #374355;
         background-color: #f5f5f5;
         border-left: 2px solid #374355;
@@ -75,9 +76,7 @@ export default class SyllabusTree extends React.Component {
               onClick={() => this.handleClick(i)}>
               {unitNode.chapters.map(chapter => (
                 <div
-                  className={`chapter ${
-                    this.state.activeChapter === chapter.url ? 'chapter-active' : 'chapter-inactive'
-                  }`}
+                  className={`chapter ${this.state.activeChapter === chapter.url ? 'active' : ''}`}
                   key={chapter.url}
                   onClick={() => this.clickOnChapter(chapter, unitNode.unit.name)}>
                   {chapter.name}
diff --git a/pages/learn/index.js b/pages/learn/index.js
@@ -6,7 +6,7 @@ import { space } from 'styled-system';
 import Layout from '../../components/common/layout';
 import BannerSection from '../../components/common/banner';
 import SubjectCard from '../../components/learn/subject-card';
-import { baseContainer, graySecondary } from '../../utils/base.styles';
+import { baseContainer } from '../../utils/base.styles';
 import { listOfSubjects } from '../../utils/mock-data';
 
 const LearnSection = styled.section`
@@ -17,7 +17,6 @@ const LearnSection = styled.section`
 
 const FilterContainer = styled.div`
   ${space};
-  border-bottom: 1px solid ${graySecondary};
   & .title_filter {
     text-align: center;
   }
