fix: minor bugfixes and UI adjustments

src/app/components/board/board.component.scss

@@ -112,6 +112,7 @@ d-none {
   flex-wrap: wrap;
   width: 100%;
   margin-top: 48px;
+  gap: 32px;
 }
 
 .headline {
@@ -140,8 +141,6 @@ d-none {
   display: flex;
   flex-direction: column;
   width: 270px;
-  padding-right: 32px;
-  padding-top: 6px;
   &:first-child {
     padding-left: 0;
   }
@@ -209,7 +208,6 @@ d-none {
 @media screen and (max-width: 667px) {
   .column {
     width: 100%;
-    padding-right: 0;
   }
 
   app-task-empty {
@@ -222,10 +220,7 @@ d-none {
     width: calc(100vw - 85px);
     overflow-x: auto;
     padding: 0 5px;
-  }
-
-  app-task {
-    padding-right: 16px;
+    gap: 18px;
   }
 }
 

src/app/components/board/task/task-menu/task-menu.component.scss

@@ -5,18 +5,18 @@ section {
   width: fit-content;
   height: fit-content;
   background-color: var(--bgSidebar);
-  border-radius: 20px 0 20px 20px;
+  border-radius: 12px 0 12px 12px;
   box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
-  padding: 10px;
-  z-index: 5;
+  padding: 8px;
+  z-index: 2;
 }
 
 .link {
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 46px;
-  padding: 8px 16px;
+  height: 32px;
+  padding: 4px 8px;
   border-radius: 8px;
   color: var(--white);
   cursor: pointer;

src/app/components/board/task/task.component.html

@@ -1,7 +1,6 @@
 <section>
   @if (task.id) {
   <div (click)="handleMenuButtonClick($event, task.id)">
-    {{ disableDrag }}
     <div
       class="content"
       [draggable]="disableDrag"
@@ -74,7 +73,7 @@
     [boardTaskStatus]="task.status"
     (updateStatusEmitter)="onStatusUpdate($event)"
   ></app-task-menu>
-  } @if (AssignedDialogId != '') {
+  } @if (AssignedDialogId) {
   <div class="dialog" [style.left.px]="dialogX" [style.top.px]="dialogY">
     @for (user of task.userData; track user) { @if (user.id ===
     AssignedDialogId) {

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

@@ -2,8 +2,8 @@
   position: fixed;
   display: flex;
   flex-direction: column;
-  top: 96px;
-  right: 15px;
+  top: 80px;
+  right: 40px;
   width: 150px;
   height: 158px;
   background-color: var(--bgSidebar);
@@ -15,6 +15,8 @@
 
 .language {
   height: 108px;
+  top: 70px;
+  right: 107px;
 }
 
 .link {
@@ -27,6 +29,7 @@
   cursor: pointer;
   span {
     width: 118px;
+    text-align: center;
     word-wrap: break-word;
     overflow-wrap: break-word;
     white-space: normal;
@@ -57,6 +60,10 @@ span {
 
 @media screen and (max-width: 700px) {
   .navbar {
-    top: 83px;
+    top: 72px;
+  }
+
+  .language {
+    top: 62px;
   }
 }