improved css (at least tried to) and fixed bugs in management page

src/app/home/home.component.css

@@ -1,12 +1,7 @@
 .search {
-  display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
-  position: absolute;
-  top: 35%;
-  left: 50%;
-  transform: translate(-50%, -50%);
 }
 
 input {
@@ -16,10 +11,8 @@ input {
 }
 
 #list {
-  position: absolute;
-  top: 46%;
-  left: 44%;
-  transform: translate(-50%, -50%);
+  align-self: center;
+  height: auto;
   justify-content: center;
   align-items: center;
   align-content: center;
@@ -40,13 +33,13 @@ input {
 }
 
 .bg-image {
+  padding-top: 25%;
   background-image: url('src/assets/img/mountains.png');
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
-  height: 100vh;
+  height: 94vh;
+  display: flex;
+  flex-direction: column;
 }
 
-#translate{
-  margin: 100px 10px 10px 10px;
-}

src/app/home/home.component.html

@@ -1,6 +1,6 @@
 <div [ngClass]="{'background-color': backgroundColor}">
 
-  <div class="alert alert-warning shadow-lg" *ngIf="allert">
+  <div class="alert alert-warning shadow-lg" *ngIf="allert" id="alert">
     <div>
       <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current flex-shrink-0 h-6 w-6" fill="none"
            viewBox="0 0 24 24">
@@ -11,7 +11,7 @@
     </div>
   </div>
 
-  <div class="dropdown dropdown-hover">
+  <div class="dropdown dropdown-hover" id="translate">
     <label tabindex="0" class="btn m-1 bg-black border-neutral text-base-100">{{translations.translate}}</label>
     <ul tabindex="0" class="dropdown-content menu p-2 shadow rounded-box w-52">
       <li (click)="switchLanguage('DE')"><a>DE</a></li>
@@ -19,9 +19,10 @@
       <li (click)="switchLanguage('IT')"><a>IT</a></li>
       <li (click)="switchLanguage('EN')"><a>EN</a></li>
     </ul>
-  </div>
+  </div >
 
   <div class="bg-image">
+
     <div class="search">
 
       <div class="inputElements">