Merge pull request #46 from couchbase/ui-bug-fixes

Ui bug fixes for docs-Sandbox-Site-Validation

Author: amarantha-k

src/css/base.css

@@ -16,7 +16,7 @@ body {
 
 body {
   color: var(--color-text);
-  font-family: "Source Sans Pro", sans-serif;
+  font-family: "Open Sans", sans-serif;
   line-height: var(--line-height-body);
   margin: 0;
 }

src/css/clipboard.css

@@ -121,7 +121,7 @@ a.copy-code-button:hover {
 }
 
 .doc .listingblock pre .fade-shadow {
-  display: inline-block;
+  display: none;
   background:
     transparent
     linear-gradient(

src/css/common.css

@@ -14,8 +14,8 @@
 
 .btn-primary {
   padding: 5px 15px;
-  border: 1px solid var(--color-brand-blue);
-  background: var(--color-brand-blue);
+  border: 1px solid var(--color-brand-blue-secondary);
+  background: var(--color-brand-blue-secondary);
   color: var(--color-brand-white);
 }
 

src/css/doc.css

@@ -147,7 +147,8 @@
   margin-left: -10px;
 }
 
-.ulist {
+.ulist,
+.olist {
   padding-left: var(--base-space);
 }
 

src/css/header.css

@@ -139,6 +139,7 @@
   padding: 0;
   width: 16px;
   height: 16px;
+  color: #999;
 }
 
 .navbar-burger {

src/css/vars.css

@@ -64,7 +64,7 @@
   --hljs-string: #295d1e;
   --hljs-number: #0711ba;
   /* --height-navbar: 4rem; */
-  --height-spacer: 1.2rem;
+  --height-spacer: 1.1rem;
   --height-navbar: 6rem;
   --height-version-control: 4.5rem;
   --height-to-body: calc(var(--height-navbar) + var(--height-spacer));

src/partials/main.hbs

@@ -3,9 +3,9 @@
 {{#with (latest-page-url)}}
 <div class="article-banner">
 {{#if (and @root.page.componentVersion.prerelease (not @root.page.latest.prerelease))}}
-<p>You are viewing the documentation for a prerelease version.</p>
+<p> <i class="fas fa-file-alt"></i> You are viewing the documentation for a prerelease version.</p>
 {{else}}
-<p><i class="fab fa-asymmetrik"></i> A newer version of this documentation is available.</p>
+<p><i class="fas fa-file-alt"></i> A newer version of this documentation is available.</p>
 {{/if}}
 <a class="btn" href="{{relativize this}}">View Latest</a>
 </div>