Fixed css

Kameshwaran · Kameshwaran · commit 263608fe6bc9 · 2018-06-25T18:01:16.000+05:30
diff --git a/docs/client/components/AppNavbar/styles.scss b/docs/client/components/AppNavbar/styles.scss
@@ -48,7 +48,8 @@ body {
         min-height: 35px;
         span {
           &.active {
-            border-bottom: 4px solid $primary-yellow;
+            padding-bottom: 2px;
+            border-bottom: 2px solid $primary-yellow;
           }
         }
       }
diff --git a/docs/client/components/GettingStartedPage/index.js b/docs/client/components/GettingStartedPage/index.js
@@ -4,9 +4,8 @@ import SampleCode from './sampleCode.md';
 import styles from './styles.scss';
 
 const usageStyle = {
-  height: '400px',
-  overflowY: 'scroll',
   background: '#e2e2e2',
+  padding: '10px',
 };
 
 const GettingStartedPage = () => (
@@ -18,7 +17,9 @@ const GettingStartedPage = () => (
       Installation
     </div>
     <div className="js-code">
-      npm install react-lite
+      <pre className="hlsjs">
+        npm install react-lite
+      </pre>
     </div>
     <div className="sub-header">
       Usage
diff --git a/docs/client/components/GettingStartedPage/styles.scss b/docs/client/components/GettingStartedPage/styles.scss
@@ -15,7 +15,7 @@
   }
 
   .js-code {
-    padding: 15px;
+    padding: 8px;
     background: #e2e2e2;
     margin-bottom: 20px;
     min-width: 300px;
diff --git a/docs/client/components/HomePage/styles.scss b/docs/client/components/HomePage/styles.scss
@@ -20,18 +20,18 @@
     .advantage-wrapper {
       padding: 0px 15px;
       .advantage {
-        min-height: 160px;
+        height: 160px;
         padding: 10px;
         box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
         // border-radius: 5px;
-        
+
         .header {
           font-weight: bold;
           text-align: center;
           padding-top: 5px;
           font-size: 20px;
         }
-  
+
         .content {
           margin-top: 20px;
           font-size: 15px;
diff --git a/docs/client/components/PlaygroundPage/ComponentBar/styles.scss b/docs/client/components/PlaygroundPage/ComponentBar/styles.scss
@@ -18,8 +18,8 @@
         cursor: pointer;
       }
       &.active {
-        background-color: $primary-blue;
-        color: $primary-white
+        color: #007bff;
+        font-weight: bold;
       }
     }
   }
diff --git a/docs/public/index.html b/docs/public/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-      <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Raleway:300" rel="stylesheet">
     <meta charset="utf-8">
     <title>React Lite Components</title>
   </head>

Original file line number	Diff line number	Diff line change
`@@ -48,7 +48,8 @@ body {`
`48`	`48`	`min-height: 35px;`
`49`	`49`	`span {`
`50`	`50`	`&.active {`
`51`		`- border-bottom: 4px solid $primary-yellow;`
	`51`	`+ padding-bottom: 2px;`
	`52`	`+ border-bottom: 2px solid $primary-yellow;`
`52`	`53`	`}`
`53`	`54`	`}`
`54`	`55`	`}`
Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`.js-code {`
`18`		`- padding: 15px;`
	`18`	`+ padding: 8px;`
`19`	`19`	`background: #e2e2e2;`
`20`	`20`	`margin-bottom: 20px;`
`21`	`21`	`min-width: 300px;`
Original file line number	Diff line number	Diff line change
`@@ -18,8 +18,8 @@`
`18`	`18`	`cursor: pointer;`
`19`	`19`	`}`
`20`	`20`	`&.active {`
`21`		`- background-color: $primary-blue;`
`22`		`- color: $primary-white`
	`21`	`+ color: #007bff;`
	`22`	`+ font-weight: bold;`
`23`	`23`	`}`
`24`	`24`	`}`
`25`	`25`	`}`