fix: edit buttons

frontend/src/features/vehicles/mobile/VehicleDetailMobile.tsx

@@ -16,6 +16,7 @@ interface VehicleDetailMobileProps {
   vehicle: Vehicle;
   onBack: () => void;
   onLogFuel?: () => void;
+  onEdit?: () => void;
 }
 
 const Section: React.FC<{ title: string; children: React.ReactNode }> = ({
@@ -33,7 +34,8 @@ const Section: React.FC<{ title: string; children: React.ReactNode }> = ({
 export const VehicleDetailMobile: React.FC<VehicleDetailMobileProps> = ({
   vehicle,
   onBack,
-  onLogFuel
+  onLogFuel,
+  onEdit
 }) => {
   const displayName = vehicle.nickname || 
     [vehicle.year, vehicle.make, vehicle.model, vehicle.trimLevel].filter(Boolean).join(' ') || 'Vehicle';
@@ -168,9 +170,15 @@ export const VehicleDetailMobile: React.FC<VehicleDetailMobileProps> = ({
         </Box>
       </Box>
       
-      <Box sx={{ display: 'flex', gap: 1.5, mb: 3 }}>
-        <Button 
+      <Box sx={{ display: 'flex', gap: 1.5, mb: 3, flexWrap: 'wrap' }}>
+        <Button
           variant="contained"
+          onClick={onEdit}
+        >
+          Edit Vehicle
+        </Button>
+        <Button
+          variant="outlined"
           onClick={onLogFuel}
         >
           Add Fuel