bugfix design

src/app/app.component.scss

@@ -60,6 +60,16 @@ app-sidebar-mobile {
   }
 }
 
+@media screen and (max-width: 700px) {
+  .main-content {
+    top: 80px;
+  }
+
+  app-header {
+    height: 80px;
+  }
+}
+
 @media screen and (max-width: 450px) {
   .main-content {
     padding: 16px;

src/app/shared/components/header/header.component.scss

@@ -70,3 +70,9 @@
     display: unset;
   }
 }
+
+@media screen and (max-width: 700px) {
+  .header {
+    height: 80px;
+  }
+}

src/app/shared/components/sidebar/sidebar-mobile/sidebar-mobile.component.html

@@ -34,7 +34,7 @@
         src="./../../../../../assets/img/sidebar/add-task.svg"
         alt="addtask"
       />
-      <p>{{ "sidebar.addTask" | translate }}</p>
+      <p>{{ "sidebar.addTaskMobile" | translate }}</p>
     </div>
     <div
       class="nav-links"

src/assets/i18n/de.json

@@ -12,6 +12,7 @@
   "sidebar": {
     "summary": "Übersicht",
     "addTask": "Neue Aufgabe",
+    "addTaskMobile": "Aufgabe",
     "board": "Brett",
     "contacts": "Kontakte",
     "privacyPolicy": "Datenschutzerklärung",

src/assets/i18n/en.json

@@ -12,6 +12,7 @@
   "sidebar": {
     "summary": "Summary",
     "addTask": "Add Task",
+    "addTaskMobile": "Add Task",
     "board": "Board",
     "contacts": "Contacts",
     "privacyPolicy": "Privacy policy",