Fix several layout issues in sidebar (#5581)

docs/templates/layout.html

@@ -10,8 +10,6 @@
 {% block scripts %}
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 
-  {{ super() }}
-
   {#- CUSTOM THEME #}
   <style>
     :root {
@@ -36,6 +34,8 @@
     }
   </script>
 
+  {{ super() }}
+
 {% endblock %}
 
 {#- REPLACE ATTRIBUTES INSTANTLY TO DISABLE SOME HOOKS #}

docs/templates/sidebar.html

@@ -0,0 +1,15 @@
+<nav class="md-nav md-nav--primary" data-md-level="0">
+  <label class="md-nav__title md-nav__title--site" for="__drawer">
+    <a href="{{ pathto(master_doc)|e }}" title="{{ docstitle|striptags|e }}" class="md-nav__button md-logo">
+      <img src="{{ pathto('_static/img/nni-icon.svg', 1) }}" alt="{{ html_title }} logo" width="48" height="48">
+    </a>
+    <a href="{{ pathto(master_doc)|e }}"
+       title="{{ docstitle|striptags|e }}">{{ theme_nav_title or shorttitle }}</a>
+  </label>
+  {%- if theme_repo_url %}
+    <div class="md-nav__source">
+      {% include "repo.html" %}
+    </div>
+  {% endif %}
+  {% include "globaltoc.html" %}
+</nav>