diff --git a/frontend/src/views/RecipeManager.vue b/frontend/src/views/RecipeManager.vue index 0561290..b32f10f 100644 --- a/frontend/src/views/RecipeManager.vue +++ b/frontend/src/views/RecipeManager.vue @@ -2110,7 +2110,8 @@ watch(() => recipeStore.recipes, () => { .editor-section { margin-bottom: 16px; } .editor-label { font-size: 13px; font-weight: 600; color: #3e3a44; margin-bottom: 6px; display: block; } .editor-table { width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 8px; } -.editor-table th { text-align: left; padding: 6px 4px; color: #999; font-weight: 500; font-size: 12px; border-bottom: 1px solid #eee; } +.editor-table th { text-align: center; padding: 6px 4px; color: #999; font-weight: 500; font-size: 12px; border-bottom: 1px solid #eee; } +.editor-table th:first-child { text-align: left; } .editor-table td { padding: 6px 4px; border-bottom: 1px solid #f5f5f5; } .editor-drops { width: 42px; padding: 5px 2px; border: 1.5px solid #d4cfc7; border-radius: 8px; font-size: 13px; text-align: center; outline: none; font-family: inherit; } .editor-drops:focus { border-color: #7ec6a4; } @@ -2120,8 +2121,8 @@ watch(() => recipeStore.recipes, () => { .editor-input:focus { border-color: #7ec6a4; } .editor-textarea { width: 100%; padding: 8px 10px; border: 1.5px solid #d4cfc7; border-radius: 8px; font-size: 13px; font-family: inherit; outline: none; resize: vertical; box-sizing: border-box; } .editor-textarea:focus { border-color: #7ec6a4; } -.ing-ppd { color: #b0aab5; font-size: 12px; } -.ing-cost { color: #4a9d7e; font-weight: 500; font-size: 13px; } +.ing-ppd { color: #b0aab5; font-size: 12px; text-align: center; } +.ing-cost { color: #4a9d7e; font-weight: 500; font-size: 13px; text-align: center; } .remove-row-btn { border: none; background: none; color: #ccc; cursor: pointer; font-size: 16px; padding: 2px 4px; } .remove-row-btn:hover { color: #c0392b; } .add-row-btn { border: 1.5px dashed #d4cfc7; background: none; color: #999; padding: 8px 16px; border-radius: 8px; cursor: pointer; font-size: 13px; font-family: inherit; width: 100%; }