fix: adjust autofill button size for easier touch targeting (#1248)

julianpoy · Jan 14, 2024 · ec23554 · ec23554
2 parents 3338c08 + 17b15d5
commit ec23554
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/frontend/src/app/pages/recipe-components/edit-recipe/edit-recipe.page.html b/packages/frontend/src/app/pages/recipe-components/edit-recipe/edit-recipe.page.html
@@ -25,16 +25,17 @@
   ></multi-image-upload>
 
   <div class="ion-padding edit-contents-container">
-    <ion-button *ngIf="!recipe.id" (click)="clipFromUrl()" size="small">
-      <ion-icon name="clipboard" slot="start"></ion-icon>
+    <ion-button *ngIf="!recipe.id" (click)="clipFromUrl()">
+      <ion-icon name="link" slot="start"></ion-icon>
       {{ 'pages.editRecipe.autoclip' | translate }}
     </ion-button>
-    <ion-button *ngIf="!recipe.id && enableOCR" (click)="scan()" size="small">
+    <ion-button *ngIf="!recipe.id && enableOCR" (click)="scan()">
       <ion-icon name="camera" slot="start"></ion-icon>
       {{ 'pages.editRecipe.scan' | translate }}
     </ion-button>
     <br />
     <br />
+    <br />
     <ion-item>
       <ion-input
         label="{{ 'pages.editRecipe.input.title' | translate }}"

diff --git a/packages/frontend/src/assets/i18n/en-us.json b/packages/frontend/src/assets/i18n/en-us.json
@@ -503,7 +503,7 @@
 
   "pages.editRecipe.title.edit": "Edit Recipe",
   "pages.editRecipe.title.new": "New Recipe",
-  "pages.editRecipe.autoclip": "Autofill fields from URL",
+  "pages.editRecipe.autoclip": "Autofill from URL",
   "pages.editRecipe.scan": "Scan from photo (beta)",
   "pages.editRecipe.input.title": "Title",
   "pages.editRecipe.input.description": "Description",