fix api extras

frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageFooter.vue

@@ -28,7 +28,9 @@
         flat
         class="mb-2 mx-n2"
       >
-        <v-card-title> {{ $t('recipe.api-extras') }} </v-card-title>
+        <v-card-title class="text-h5 font-weight-medium opacity-80">
+{{ $t('recipe.api-extras') }}
+</v-card-title>
         <v-divider class="ml-4" />
         <v-card-text>
           {{ $t('recipe.api-extras-description') }}
@@ -41,6 +43,7 @@
               <v-text-field
                 v-model="recipe.extras[key]"
                 density="compact"
+                variant="underlined"
                 :label="key"
               >
                 <template #prepend>
@@ -61,7 +64,9 @@
           <div>
             <v-text-field
               v-model="apiNewKey"
+              min-width="200px"
               :label="$t('recipe.message-key')"
+              variant="underlined"
             />
           </div>
           <BaseButton