diff --git a/frontend/src/views/Projects.vue b/frontend/src/views/Projects.vue index b03393b..54e0954 100644 --- a/frontend/src/views/Projects.vue +++ b/frontend/src/views/Projects.vue @@ -662,13 +662,13 @@ function formatDate(d) { text-align: center; padding: 10px 8px; font-size: 12px; font-weight: 600; color: var(--text-light, #999); border-bottom: 2px solid #e5e4e7; } -.ingredients-table td { padding: 10px 8px; border-bottom: 1px solid #f0f0f0; text-align: center; } +.ingredients-table td { padding: 6px 4px; border-bottom: 1px solid #f0f0f0; text-align: center; white-space: nowrap; } .ingredients-table .form-select { width: 100%; padding: 6px 8px; border: 1.5px solid #d4cfc7; border-radius: 8px; font-size: 13px; font-family: inherit; background: #fff; } -.drops-input { width: 65px; padding: 6px 8px; border: 1.5px solid #d4cfc7; border-radius: 8px; font-size: 13px; text-align: center; outline: none; font-family: inherit; } +.drops-input { width: 45px; padding: 4px 4px; border: 1.5px solid #d4cfc7; border-radius: 6px; font-size: 12px; text-align: center; outline: none; font-family: inherit; } .drops-input:focus { border-color: #7ec6a4; } .cell-ppd { color: #999; font-size: 12px; } .cell-subtotal { color: #4a9d7e; font-weight: 600; } -.remove-btn { border: none; background: none; color: #ccc; cursor: pointer; font-size: 14px; padding: 2px; } +.remove-btn { border: none; background: none; color: #ccc; cursor: pointer; font-size: 12px; padding: 0; width: 16px; } .remove-btn:hover { color: #c0392b; } .total-table { background: #e8f5e9; border-radius: 10px; margin-bottom: 0; }