From c99195ffdcd6ecaa99c7fbf60a58c118dc94f52f Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Wed, 24 Apr 2024 08:03:00 +0200
Subject: [PATCH] responsive

---
 .../add-task/add-task.component.html          |  2 +-
 .../add-task/add-task.component.scss          | 33 +++++++++++++++++++
 2 files changed, 34 insertions(+), 1 deletion(-)

diff --git a/src/app/components/add-task/add-task.component.html b/src/app/components/add-task/add-task.component.html
index 3806d1f..631f45e 100644
--- a/src/app/components/add-task/add-task.component.html
+++ b/src/app/components/add-task/add-task.component.html
@@ -5,7 +5,7 @@
     class="headline"
     [ngStyle]="{ display: overlayData !== '' ? 'none' : 'block' }"
   >
-    <div class="title">Add Tasks</div>
+    <div class="title">Add Task</div>
   </div>
 
   <form
diff --git a/src/app/components/add-task/add-task.component.scss b/src/app/components/add-task/add-task.component.scss
index bda3a6e..7fe489b 100644
--- a/src/app/components/add-task/add-task.component.scss
+++ b/src/app/components/add-task/add-task.component.scss
@@ -343,3 +343,36 @@ p {
     }
   }
 }
+
+@media screen and (max-width: 700px) {
+  .btn-text {
+    span {
+      display: block;
+    }
+  }
+
+  .content {
+    display: block;
+  }
+
+  .right-side,
+  .left-side {
+    width: 100%;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .btn-text {
+    span {
+      display: none;
+    }
+  }
+
+  .headline {
+    margin-bottom: 24px;
+    .title {
+      font-size: 47px;
+      font-weight: 700;
+    }
+  }
+}