fixed the styling of the add favorite spell input

src/app/journal/journal-stats/weapons-container/spell-table/spell-table.component.html

@@ -76,7 +76,7 @@
   />
   <button
     [class]="showInput ? 'slide-button cancel-button' : 'slide-button'"
-    (click)="showInput = !showInput"
+    (click)="toggleInput()"
   >
     @if(showInput){ Abbrechen} @else { Hinzufügen}
   </button>

src/app/journal/journal-stats/weapons-container/spell-table/spell-table.component.scss

@@ -85,6 +85,7 @@
   border-radius: 10px;
   background: var(--accept);
   transition: width 0.25s ease-in-out;
+  box-shadow: var(--shadow);
 
   &:hover {
     background-color: var(--accept-hover);
@@ -104,25 +105,10 @@
   position: absolute;
   height: 3rem;
   bottom: 1rem;
-  right: 25%;
-  width: 65%;
+  right: 10%;
+  width: 80%;
   border-radius: 10px;
-}
-
-.hidden {
-  animation: fadeOut 0.25s forwards;
-}
-
-@keyframes fadeOut {
-  0% {
-    visibility: visible;
-  }
-  99% {
-    visibility: visible;
-  }
-  100% {
-    visibility: hidden;
-  }
+  box-shadow: var(--shadow);
 }
 
 //// Drag and Drop