minor layout fixes

ohcnetwork · Mar 6, 2025 · 75e265b · 75e265b
1 parent 2e7a84d
commit 75e265b
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/src/Routers/AppRouter.tsx b/src/Routers/AppRouter.tsx
@@ -105,7 +105,7 @@ export default function AppRouter() {
         )}
         <main
           id="pages"
-          className="flex flex-col flex-1 min-h-[calc(100svh-theme(spacing.4))] md:m-2 md:peer-data-[state=collapsed]:ml-0 border rounded-lg shadow bg-gray-50 focus:outline-none"
+          className="overflow-y-auto flex flex-col flex-1 min-h-[calc(100svh-theme(spacing.4))] md:m-2 md:peer-data-[state=collapsed]:ml-0 border rounded-lg shadow bg-gray-50 focus:outline-none"
         >
           <div className="relative z-10 flex h-16 bg-white shadow shrink-0 md:hidden">
             <div className="flex items-center">

diff --git a/src/components/Patient/EncounterQuestionnaire.tsx b/src/components/Patient/EncounterQuestionnaire.tsx
@@ -40,7 +40,7 @@ export default function EncounterQuestionnaire({
   });
   return (
     <Page title={t("questionnaire_one")}>
-      <div className="flex flex-col space-y-4 mt-4">
+      <div className="flex flex-col space-y-4 mt-4 overflow-y-auto">
         {encounter && (
           <div className="size-full rounded-lg border bg-white text-black shadow">
             <PatientInfoCard

diff --git a/src/components/Questionnaire/QuestionTypes/DateTimeQuestion.tsx b/src/components/Questionnaire/QuestionTypes/DateTimeQuestion.tsx
@@ -92,7 +92,7 @@ export function DateTimeQuestion({
   };
 
   return (
-    <div className="flex gap-2">
+    <div className="flex sm:gap-2 flex-wrap">
       <Popover>
         <PopoverTrigger asChild>
           <Button
@@ -119,7 +119,7 @@ export function DateTimeQuestion({
       </Popover>
       <Input
         type="time"
-        className="w-[150px]"
+        className="sm:w-[150px] border-t-0 sm:border-t"
         value={formatTime(currentValue)}
         onChange={handleTimeChange}
         disabled={disabled || !currentValue}

diff --git a/src/components/Questionnaire/QuestionnaireForm.tsx b/src/components/Questionnaire/QuestionnaireForm.tsx
@@ -535,7 +535,7 @@ export function QuestionnaireForm({
         <DebugPreview
           data={questionnaireForms}
           title="QuestionnaireForm"
-          className="p-4 space-y-6 max-w-4xl"
+          className="p-4 space-y-6 max-w-4xl m-2"
         />
       </div>
     </div>

diff --git a/src/components/Resource/ResourceDetails.tsx b/src/components/Resource/ResourceDetails.tsx
@@ -124,7 +124,7 @@ export default function ResourceDetails({
 
   return (
     <Page title={t("request_details")}>
-      <div className="mx-auto max-w-7xl space-y-6 p-4 md:p-6">
+      <div className="max-w-7xl space-y-6 p-4 md:p-6">
         {/* Action Buttons */}
         <div className="flex items-center justify-between">
           <div className="flex flex-wrap gap-2 w-full">