adding login button in the header

Author: Niutoseq

docs/_static/css/general.css

@@ -101,7 +101,6 @@ section {
     grid-template-columns: 300px 900px 300px;
     justify-content: center;
     align-items: center;
-    column-gap: 50px;
 
     div {
         width: 300px;
@@ -273,6 +272,12 @@ code.docutils.literal.notranslate {
     .rst-content .btn:focus {
         outline: 0px solid;
     }
+    
+    .btn-orange {
+        background-color: var(--primary-orange)!important;
+        color: #fff!important;
+    }
+
 /* buttons next previous end */
 
 .rst-content p + ul {
@@ -439,9 +444,7 @@ code.docutils.literal.notranslate {
     padding: 0;
 
 }
-.wy-side-nav-search>a:hover {
-    background: transparent;
-}
+
 .wy-side-nav-search input[type=text],
 .wy-body-for-nav input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
     border: none;
@@ -457,6 +460,20 @@ code.docutils.literal.notranslate {
     display: flex;
     margin-bottom: 0;
     font-size: 15px;
+    justify-self: flex-start;
+
+    &:hover {
+        background: transparent;
+    }
+}
+
+.wy-side-nav-search>a.wy-side-nav__login {
+    justify-self: flex-end;
+    position: relative;
+    right: 23px;
+    padding: 0 15px;
+    max-width: 100px;
+    font-size: 12px;
 }
 
 .wy-breadcrumbs {

docs/_static/css/main.css

@@ -163,7 +163,9 @@
       {%- endif %}
 
       {%- include "searchbox.html" %}
-
+      <a href="https://auth.hypernode.com/login/" target="_blank" class="btn btn-orange wy-side-nav__login">
+        Log in
+      </a>
       {%- endblock %}
     </div>
     {% include "breadcrumbs.html" %}