fix layout of content bar, fixes #4569

Closes #4569

Merge request studip/studip!3381

resources/assets/stylesheets/scss/contentbar.scss

@@ -4,6 +4,7 @@
     display: flex;
     flex-wrap: nowrap;
     height: auto;
+    align-items: center;
     justify-content: flex-start;
     margin-bottom: 15px;
     min-height: 30px;
@@ -17,6 +18,7 @@
     .contentbar-wrapper-left {
         display: flex;
         max-width: calc(100% - 130px);
+        flex: 1;
 
         .contentbar-breadcrumb {
             font-size: 1.25em;
@@ -25,16 +27,16 @@
             min-width: 0;
 
             .contentbar-icon {
-                flex: 0;
                 height: 24px;
                 margin-top: 2px;
                 width: 24px;
             }
 
             ul {
-                display: flex;
+                display: inline-flex;
                 list-style: none;
                 margin-left: 15px;
+                max-width: 100%;
                 padding-left: 0;
 
                 li+li:before {
@@ -71,6 +73,7 @@
     .contentbar-wrapper-right {
         align-items: center;
         display: flex;
+        flex: 1;
         justify-content: flex-end;
         position: relative;