Icons und Logo im Header nicht richtig ausgerichtet

Closes #4685

Merge request studip/studip!3486

resources/assets/stylesheets/scss/header.scss

@@ -83,7 +83,6 @@
 
     #top-logo {
         flex: 0 1 auto;
-        margin: -13px 12px 0 20px;
 
         &.studip-logo {
             @include hide-text();
@@ -94,7 +93,6 @@
             background-position: left;
             display: block;
             width: 130px;
-            height: 81px;
             margin-right: 30px;
         }
     }
@@ -111,6 +109,7 @@
     align-items: stretch;
     justify-content: flex-start;
     flex-grow: 1;
+    background-color: var(--color--main-navigation-background);
 
     &.oversized {
         overflow: visible;
@@ -134,6 +133,7 @@
         color: var(--color--font-primary);
         height: 30px;
         padding: 10px 15px 5px 15px;
+        margin-bottom: 10px;
         max-height: 30px;
         overflow: hidden;
         background-color: var(--color--main-navigation-background);
@@ -159,7 +159,7 @@
     .tabs_wrapper {
         display: flex;
         flex-direction: row;
-        align-items: stretch;
+        align-items: center;
         justify-content: space-between;
         background-color: var(--color--main-navigation-background);
         font-size: 0.9em;
@@ -167,7 +167,7 @@
         min-height: 2.3em;
         border-bottom: 1px solid var(--color--main-navigation-border);
         padding-left: $page-margin;
-        padding-top: 10px;
+        padding-right: $page-margin;
     }
 
     #tabs {

resources/assets/stylesheets/scss/helpbar.scss

@@ -13,12 +13,9 @@ $border-width: 4px;
     clear: both;
     height: 28px;
     position: relative;
-    top: 1px;
     min-width: 32px;
     right: 10px;
 
-    float: right;
-
     h2, h3 {
         border-bottom: 0;
         color: var(--white);

resources/assets/stylesheets/scss/responsive.scss

@@ -25,12 +25,14 @@ $sidebarOut: -330px;
 
 #non-responsive-toggle-fullscreen {
     margin-left: auto;
-    margin-right: 10px;
-    position: relative;
-    top: 2px;
+
+    button {
+        padding: 0;
+    }
 
     img {
         cursor: pointer;
+        vertical-align: middle;
     }
 }
 

resources/assets/stylesheets/scss/tabs.scss

@@ -7,7 +7,6 @@ div.clear
 // Common styles for both tab sets
 #tabs {
     line-height: 20px;
-    float: none;
     flex: 0 1 auto;
     margin: 0;