line break in header if necessary

shared/templates/shared/includes/base.html

@@ -64,7 +64,7 @@
                                     <img src="https://styleguide.pirati.cz/2.12.x/images/logo-round-white.svg" class="w-8" />
                                 </a>
                                 <a href="/" class="pl-4 font-bold text-xl hover:no-underline lg:border-r lg:border-grey-300 lg:pr-8">Vzdělávání</a>
-                                <div class="pl-5">{{ header_name }}</div>
+                                <div class="pl-5 whitespace-pre-line">{{ header_name }}</div>
                             </div>
 
                             <div class="navbar__menutoggle my-4 flex justify-end lg:hidden">
@@ -73,7 +73,14 @@
                                 </a>
                             </div>
 
-                            <div v-if="show || isLgScreenSize" class="navbar__main navbar__section navbar__section--expandable container-padding--zero lg:container-padding--auto">
+                            <div
+                                v-if="show || isLgScreenSize"
+                                class="
+                                    navbar__main navbar__section navbar__section--expandable container-padding--zero lg:container-padding--auto
+
+                                    whitespace-nowrap lg:mr-16
+                                "
+                            >
                                 <ul class="navbar-menu text-white">
                                     {% if user.is_staff %}
                                         <li class="navbar-menu__item">