Fix: increase bach button size,

improve responsiv ehandling (planning#404)

docusaurus.config.js

@@ -57,6 +57,5 @@ module.exports = {
       src: '/js/custom.js',
       async: false,
     },
-  ]
-
+  ],
 }

src/css/custom.css

@@ -24,25 +24,34 @@ img {
   position: relative;
 }
 
-.navbar__brand {
-  margin-left: 0.3rem;
+@media screen and (min-width: 1000px) {
+  .has-back-btn .navbar__brand {
+    margin-left: 32px;
+  }
+}
+
+.has-back-btn .navbar__toggle.clean-btn {
+  margin-left: 32px;
 }
 
 .fitko-navbar-icon--back {
   display: inline-block !important;
   padding: 0;
   position: absolute;
-  left: -10px;
-  top: 10px;
+  left: 2px;
+  top: 13px;
 }
 
 .fitko-navbar-icon--back a {
-  width: 18px;
-  height: 18px;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  text-align: center;
 }
 
 .fitko-navbar-icon--back img {
-  height: 14px;
+  display: inline-block;
+  height: 18px;
 }
 
 .fitko-navbar-icon--back.hidden {

static/js/custom.js

 window.addEventListener("load", function() {
+    const btn = document.getElementsByClassName('fitko-navbar-icon--back')[0];
+    const nav = document.getElementsByClassName('navbar__items')[0];
     // checks URL to see if "back to root" button should be visible
     const checkBackBtnVisibility = () => {
-        const btn = document.getElementsByClassName('fitko-navbar-icon--back')[0];
         if (window.location.pathname === '/' && !btn.classList.contains('hidden')) {
             btn.classList.add('hidden');
+            nav.classList.remove('has-back-btn');
         } else if (window.location.pathname !== '/' && btn.classList.contains('hidden')) {
             btn.classList.remove('hidden');
+            nav.classList.add('has-back-btn');
         }
     };