Resolve "Learning materials"

Review here

Closes #276 (closed) #236 (closed)

_includes/header.html

@@ -41,58 +41,58 @@ See also:
 
 
         <div>
-        {% comment %}
-            The search button shall always be visible.
-        {% endcomment %}
-        <a href="{{ "search" | relative_url }}"><i class="fas fa-search" style="font-size: 24px ! important"></i></a>&nbsp;
+            {% comment %}
+                The search button shall always be visible.
+            {% endcomment %}
+            <a href="{{ 'search' | relative_url }}" class="outer-nav-item"><i class="fas fa-search"></i></a>
 
-        {% comment %}
-            The following button shall be always minimized (hamburger menu).
-        {% endcomment %}
-        <input type="checkbox" id="mobile_toggle" class="d-none">
-        <label for="mobile_toggle" class="nav_toggle"></label>
+            {% comment %}
+                The following button shall be always minimized (hamburger menu).
+            {% endcomment %}
+            <input type="checkbox" id="mobile_toggle" class="d-none">
+            <label for="mobile_toggle" class="nav_toggle"></label>
 
-        <nav>
-            <ul class="nav-grid">
-                {% for category in site.data.navigation.header %}
-                <li class="nav-first-level">
-                    {% if category.url %}
-                    <a href="{{ category.url | relative_url }}">{{ category.title }}</a>
-                    {% else %}
-                    {{ category.title }}
-                    {% endif %}
-                    {% for entry in category.entries %}
-                    <ul>
-                    {% if entry.entries %}
-                        <li>
-                            <details>
-                                <summary>
-                                    {{ entry.title }}
-                                </summary>
-                                <ul>
-                                {% for subentry in entry.entries %}
-                                <li class="nav-third-level">
-                                    <a href="{{ subentry.url | relative_url }}">
-                                        {{ subentry.title }} {% if subentry.external %}<i class="fas fa-external-link-alt"></i>{% endif %}
-                                    </a>
-                                </li>
-                                {% endfor %}
-                                </ul>
-                            </details>
-                        </li>
-                    {% else %}
-                        <li>
-                            <a href="{{ entry.url | relative_url }}">
-                                {{ entry.title }} {% if entry.external %}<i class="fas fa-external-link-alt"></i>{% endif %}
-                            </a>
-                        </li>
-                    {% endif %}
-                    </ul>
+            <nav>
+                <ul class="nav-grid">
+                    {% for category in site.data.navigation.header %}
+                    <li class="nav-first-level">
+                        {% if category.url %}
+                        <a href="{{ category.url | relative_url }}">{{ category.title }}</a>
+                        {% else %}
+                        {{ category.title }}
+                        {% endif %}
+                        {% for entry in category.entries %}
+                        <ul>
+                        {% if entry.entries %}
+                            <li>
+                                <details>
+                                    <summary>
+                                        {{ entry.title }}
+                                    </summary>
+                                    <ul>
+                                    {% for subentry in entry.entries %}
+                                    <li class="nav-third-level">
+                                        <a href="{{ subentry.url | relative_url }}">
+                                            {{ subentry.title }} {% if subentry.external %}<i class="fas fa-external-link-alt"></i>{% endif %}
+                                        </a>
+                                    </li>
+                                    {% endfor %}
+                                    </ul>
+                                </details>
+                            </li>
+                        {% else %}
+                            <li>
+                                <a href="{{ entry.url | relative_url }}">
+                                    {{ entry.title }} {% if entry.external %}<i class="fas fa-external-link-alt"></i>{% endif %}
+                                </a>
+                            </li>
+                        {% endif %}
+                        </ul>
+                        {% endfor %}
+                    </li>
                     {% endfor %}
-                </li>
-                {% endfor %}
-            </ul>
-        </nav>
+                </ul>
+            </nav>
         </div>
 
     </div>