Keep breadcrumbs visible on mobile (#326)

Co-authored-by: Maciej Olko <maciej.olko@gmail.com>

Author: undeMalum

python_docs_theme/layout.html

@@ -14,7 +14,7 @@ <h3>{{ _('Navigation') }}</h3>
           </li>
           {%- endfor %}
           {%- block rootrellink %}
-          <li><img src="{{ pathto('_static/' ~ theme_root_icon, 1) }}" alt="{{ theme_root_icon_alt_text }}" style="vertical-align: middle; margin-top: -1px"></li>
+          <li class="root-icon"><img src="{{ pathto('_static/' ~ theme_root_icon, 1) }}" alt="{{ theme_root_icon_alt_text }}" style="vertical-align: middle; margin-top: -1px"></li>
           <li><a href="{{theme_root_url}}">{{theme_root_name}}</a>{{ reldelim1 }}</li>
           <li class="switchers">
             <div class="language_switcher_placeholder"></div>

python_docs_theme/static/pydoctheme.css

@@ -564,10 +564,16 @@ div.genindex-jumpbox a {
         margin-inline-start: 1rem;
         margin-inline-end: 0;
     }
-    /* Remove sidebar and top related bar */
-    div.related, div.sphinxsidebar {
+    /* Remove sidebar and desktop-only related controls */
+    div.related li.right, div.related li.switchers, div.sphinxsidebar {
         display: none;
     }
+    div.related .root-icon, div.related .root-icon + li {
+        display: none;
+    }
+    div.related {
+        line-height: 1.3;
+    }
     /* Anchorlinks are not hidden by fixed-positioned navbar when scrolled to */
     html {
         scroll-padding-top: 40px;