Fix: add spacers for mobile view modals

platforms/eReputation/client/src/components/modals/other-calculation-modal.tsx

@@ -1,6 +1,5 @@
 import { useState, useEffect } from "react";
 import { useMutation, useQueryClient, useQuery } from "@tanstack/react-query";
-import { useDebouncedCallback } from 'use-debounce';
 import ReactMarkdown from "react-markdown";
 import { apiClient } from "@/lib/apiClient";
 import { useToast } from "@/hooks/use-toast";

platforms/eReputation/client/src/components/modals/reference-modal.tsx

@@ -11,9 +11,6 @@ import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
 import { Label } from "@/components/ui/label";
 import { Input } from "@/components/ui/input";
 import { Textarea } from "@/components/ui/textarea";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import FileUpload from "@/components/ui/file-upload";
-import { useDebouncedCallback } from "use-debounce";
 
 interface ReferenceModalProps {
   open: boolean;
@@ -455,8 +452,8 @@ export default function ReferenceModal({ open, onOpenChange }: ReferenceModalPro
                       <Label
                         key={type.value}
                         className={`flex flex-col items-center gap-1 sm:gap-2 p-2 sm:p-4 border-2 rounded-2xl cursor-pointer transition-all duration-200 ${targetType === type.value
-                            ? 'border-fig/40 bg-fig-30'
-                            : 'border-fig/20 hover:border-fig/30 hover:bg-fig-10'
+                          ? 'border-fig/40 bg-fig-30'
+                          : 'border-fig/20 hover:border-fig/30 hover:bg-fig-10'
                           }`}
                       >
                         <RadioGroupItem value={type.value} className="sr-only" />

platforms/eReputation/client/src/components/ui/dialog.tsx

@@ -43,7 +43,9 @@ const DialogContent = React.forwardRef<
       )}
       {...props}
     >
+      <div className="h-12 flex-shrink-0 sm:hidden" aria-hidden="true" />
       {children}
+      <div className="h-10 flex-shrink-0 sm:hidden" aria-hidden="true" />
       <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
         <X className="h-4 w-4" />
         <span className="sr-only">Close</span>

platforms/eReputation/vite.config.ts

@@ -30,6 +30,7 @@ export default defineConfig(async () => {
       emptyOutDir: true,
     },
     server: {
+      host: true,
       fs: {
         strict: true,
         deny: ["**/.*"],