src/accounting-app/views/AddIncome.vue

@@ -96,16 +96,16 @@
                   <FormLabel>Description *</FormLabel>
                   <FormControl>
                     <Textarea
-                      placeholder="A detailed description of the income source, and what it was for (event/project/etc)..."
+                      placeholder="e.g., Workshop fee, Donation, Service revenue"
                       v-bind="componentField"
                       rows="3"
                     />
                   </FormControl>
+                  <FormDescription>Describe the source of this income</FormDescription>
                   <FormMessage />
                 </FormItem>
               </FormField>
 
-              <div class="grid grid-cols-2 gap-4">
               <FormField v-slot="{ componentField }" name="amount">
                 <FormItem>
                   <FormLabel>Amount *</FormLabel>
@@ -118,6 +118,7 @@
                       step="0.01"
                     />
                   </FormControl>
+                  <FormDescription>Amount in selected currency</FormDescription>
                   <FormMessage />
                 </FormItem>
               </FormField>
@@ -127,7 +128,7 @@
                   <FormLabel>Currency *</FormLabel>
                   <Select v-bind="componentField">
                     <FormControl>
-                        <SelectTrigger class="w-full">
+                      <SelectTrigger>
                         <SelectValue placeholder="Select currency" />
                       </SelectTrigger>
                     </FormControl>
@@ -137,17 +138,18 @@
                       </SelectItem>
                     </SelectContent>
                   </Select>
+                  <FormDescription>Currency for this income</FormDescription>
                   <FormMessage />
                 </FormItem>
               </FormField>
-              </div>
 
               <FormField v-slot="{ componentField }" name="reference">
                 <FormItem>
-                  <FormLabel>Reference (optional)</FormLabel>
+                  <FormLabel>Reference</FormLabel>
                   <FormControl>
                     <Input placeholder="e.g., Invoice #123, Receipt #456" v-bind="componentField" />
                   </FormControl>
+                  <FormDescription>Optional reference number or note</FormDescription>
                   <FormMessage />
                 </FormItem>
               </FormField>
@@ -199,6 +201,7 @@ import { Textarea } from '@/components/ui/textarea'
 import { Badge } from '@/components/ui/badge'
 import {
   FormControl,
+  FormDescription,
   FormField,
   FormItem,
   FormLabel,

src/i18n/locales/en.ts

@@ -202,7 +202,7 @@ const messages: LocaleMessages = {
     income: {
       title: 'Add Income',
       description: 'Submit income for the organization',
-      selectAccount: 'Select the revenue account. Use the "Other" account if you\'re not sure.',
+      selectAccount: 'Select the revenue account',
       submitIncome: 'Submit Income',
       notAvailable: 'Income submission is not yet available. This feature is coming soon.',
     },

src/i18n/locales/es.ts

@@ -202,7 +202,7 @@ const messages: LocaleMessages = {
     income: {
       title: 'A\u00f1adir ingreso',
       description: 'Enviar un ingreso para la organizaci\u00f3n',
-      selectAccount: 'Seleccionar la cuenta de ingresos. Use la cuenta "Other" si no está seguro.',
+      selectAccount: 'Seleccionar la cuenta de ingresos',
       submitIncome: 'Enviar ingreso',
       notAvailable: 'El registro de ingresos a\u00fan no est\u00e1 disponible. Esta funci\u00f3n llegar\u00e1 pronto.',
     },

src/i18n/locales/fr.ts

@@ -202,7 +202,7 @@ const messages: LocaleMessages = {
     income: {
       title: 'Ajouter un revenu',
       description: 'Soumettre un revenu pour l\u2019organisation',
-      selectAccount: 'S\u00e9lectionner le compte de revenus. Utilisez le compte "Other" si vous n\'\u00eates pas s\u00fbr.',
+      selectAccount: 'S\u00e9lectionner le compte de revenus',
       submitIncome: 'Soumettre le revenu',
       notAvailable: 'La saisie de revenus n\u2019est pas encore disponible. Cette fonctionnalit\u00e9 arrive bient\u00f4t.',
     },

src/modules/expenses/components/AddExpense.vue

@@ -113,8 +113,6 @@
             </FormItem>
           </FormField>
 
-          <!-- Amount + Currency -->
-          <div class="grid grid-cols-2 gap-4">
           <!-- Amount -->
           <FormField v-slot="{ componentField }" name="amount">
             <FormItem>
@@ -128,6 +126,9 @@
                   step="0.01"
                 />
               </FormControl>
+              <FormDescription>
+                Amount in selected currency
+              </FormDescription>
               <FormMessage />
             </FormItem>
           </FormField>
@@ -138,7 +139,7 @@
               <FormLabel>Currency *</FormLabel>
               <Select v-bind="componentField">
                 <FormControl>
-                    <SelectTrigger class="w-full">
+                  <SelectTrigger>
                     <SelectValue placeholder="Select currency" />
                   </SelectTrigger>
                 </FormControl>
@@ -152,21 +153,26 @@
                   </SelectItem>
                 </SelectContent>
               </Select>
+              <FormDescription>
+                Currency for this expense
+              </FormDescription>
               <FormMessage />
             </FormItem>
           </FormField>
-          </div>
 
           <!-- Reference (optional) -->
           <FormField v-slot="{ componentField }" name="reference">
             <FormItem>
-              <FormLabel>Reference (optional)</FormLabel>
+              <FormLabel>Reference</FormLabel>
               <FormControl>
                 <Input
                   placeholder="e.g., Invoice #123, Receipt #456"
                   v-bind="componentField"
                 />
               </FormControl>
+              <FormDescription>
+                Optional reference number or note
+              </FormDescription>
               <FormMessage />
             </FormItem>
           </FormField>