Design improvements

app/Domains/Invoice/Views/Partials/invoiceDetails/Header.vue

@@ -25,37 +25,40 @@ const emit = defineEmits(["accept", "deny", "fix", "reopen"])
         <td v-else style="width: 300px;">Kostensatelle (ursprünglich)</td>
 
         <td>{{props.data.costUnitName}}</td>
-        <td rowspan="4">
-          <button
+        <td rowspan="4" style="width: 250px; padding-right: 25px; text-align: right; vertical-align: top;">
+          <input type="button"
               v-if="props.data.status === 'new' && modeShow"
               @click="emit('accept')"
-              class="button mareike-button mareike-accept-button"
-          >
-            Abrechnung annehmen
-          </button>
-          <button v-if="props.data.status === 'denied' && modeShow"
-                  @click="emit('reopen')"
-                  class="button mareike-button mareike-accept-button"
-          >
-            Abrechnung zur Wiedervorlage öffnen
-          </button>
+              class="accept-button"
+                 style="width: 100%; margin-bottom: 10px;"
+             value="Abrechnung annehmen"
+         />
+
+          <input type="button" v-if="props.data.status === 'denied' && modeShow"
+             @click="emit('reopen')"
+             class="accept-button"
+                 style="width: 100%; margin-bottom: 10px;"
+             value="Abrechnung zur Wiedervorlage öffnen"
+         />
+
           <br />
 
-          <button
-              v-if="props.data.status === 'new' && modeShow"
-              @click="emit('fix')"
-              class="button mareike-button mareike-fix-button"
-          >
-            Abrechnung ablehnen und korrigieren
-          </button><br />
+          <input type="button"
+            v-if="props.data.status === 'new' && modeShow"
+            @click="emit('fix')"
+            class="fix-button"
+                 style="width: 100%; margin-bottom: 10px;"
+            value="Abrechnung ablehnen und korrigieren"
+         />
+          <br />
 
-          <button
+          <input type="button"
               v-if="props.data.status === 'new' && modeShow"
               @click="emit('deny')"
-              class="button mareike-button mareike-deny-button"
-          >
-            Abrechnung ablehnen
-          </button>
+              class="deny-button"
+                 style="width: 100%"
+                 value="Abrechnung ablehnen"
+         />
         </td>
       </tr>