Corrected Spacing on Right Side

pages/banking/statements/[mode]/[[id]].vue

@@ -143,6 +143,7 @@ const selectAccount = (id) => {
 
 const manualAllocationSum = ref(itemInfo.value.amount || 0)
 const allocationDescription = ref("")
+const showMoreWithoutRecipe = ref(false)
 
 const saveAllocation = async (allocation) => {
 
@@ -512,7 +513,7 @@ setup()
         >
           <UTextarea
               v-model="allocationDescription"
-              rows="5"
+              rows="3"
           />
         </UFormGroup>
 
@@ -584,7 +585,13 @@ setup()
 
           </UModal>
         </UFormGroup>
+        <UButton
+            class="mt-3"
+            @click="showMoreWithoutRecipe = !showMoreWithoutRecipe"
+            variant="outline"
+        >{{ showMoreWithoutRecipe ? "Weniger anzeigen" : "Mehr anzeigen" }}</UButton>
         <UFormGroup
+            v-if="showMoreWithoutRecipe"
           label="zusätzliche Buchungskonten"
           class="mt-3"
         >
@@ -622,6 +629,7 @@ setup()
           </InputGroup>
         </UFormGroup>
         <UFormGroup
+            v-if="showMoreWithoutRecipe"
           label="Kunden"
           class="mt-3"
         >
@@ -659,6 +667,7 @@ setup()
           </InputGroup>
         </UFormGroup>
         <UFormGroup
+            v-if="showMoreWithoutRecipe"
           label="Lieferanten"
           class="mt-3"
         >
@@ -726,7 +735,7 @@ setup()
         </InputGroup>
       </div>
 
-      <div class="scrollList mt-3 px-2" style="height: 70vh;">
+      <div class="scrollList mt-3 px-2" style="height: 40vh;">
 
         <UCard
             class="mt-5"