align loading bestween options

Frontend/patient_manager/lib/components/builders/buildFilesList.dart

@@ -307,7 +307,7 @@ class _BuildFilesListState extends State<BuildFilesList> {
     double height = size.height;
     if (widget.files.isNotEmpty) {
       return SizedBox(
-        height: height - 250,
+        height: height - 254,
         child: ListView.separated(
           shrinkWrap: true,
           separatorBuilder: (BuildContext context, int index) {

Frontend/patient_manager/lib/components/patientFiles.dart

@@ -643,11 +643,27 @@ class _PatientFilesState extends State<PatientFiles> {
 
   @override
   Widget build(BuildContext context) {
+    final Size size = MediaQuery.sizeOf(context);
+    //double width = size.width;
+    double height = size.height;
     return FutureBuilder(
       future: futueFiles,
       builder: (context, snapshot) {
         if (snapshot.connectionState == ConnectionState.waiting) {
-          return const Mihloadingcircle();
+          return Container(
+            height: height - 177,
+            decoration: BoxDecoration(
+              color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+              borderRadius: BorderRadius.circular(25.0),
+              border: Border.all(
+                  color:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  width: 3.0),
+            ),
+            child: const Center(
+              child: Mihloadingcircle(),
+            ),
+          );
         } else if (snapshot.hasData) {
           final filesList = snapshot.data!;
           return Container(
@@ -686,8 +702,19 @@ class _PatientFilesState extends State<PatientFiles> {
             ),
           );
         } else {
-          return const Center(
+          return Container(
-            child: Text("Error Loading Files"),
+            height: height - 177,
+            decoration: BoxDecoration(
+              color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+              borderRadius: BorderRadius.circular(25.0),
+              border: Border.all(
+                  color:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  width: 3.0),
+            ),
+            child: const Center(
+              child: Text("Error Loading Notes"),
+            ),
           );
         }
       },

Frontend/patient_manager/lib/components/patientNotes.dart

@@ -331,11 +331,27 @@ class _PatientNotesState extends State<PatientNotes> {
 
   @override
   Widget build(BuildContext context) {
+    final Size size = MediaQuery.sizeOf(context);
+    //double width = size.width;
+    double height = size.height;
     return FutureBuilder(
       future: futueNotes,
       builder: (context, snapshot) {
         if (snapshot.connectionState == ConnectionState.waiting) {
-          return const Mihloadingcircle();
+          return Container(
+            height: height - 177,
+            decoration: BoxDecoration(
+              color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+              borderRadius: BorderRadius.circular(25.0),
+              border: Border.all(
+                  color:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  width: 3.0),
+            ),
+            child: const Center(
+              child: Mihloadingcircle(),
+            ),
+          );
         } else if (snapshot.hasData) {
           final notesList = snapshot.data!;
           return Container(
@@ -374,8 +390,19 @@ class _PatientNotesState extends State<PatientNotes> {
             ),
           );
         } else {
-          return const Center(
+          return Container(
+            height: height - 177,
+            decoration: BoxDecoration(
+              color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+              borderRadius: BorderRadius.circular(25.0),
+              border: Border.all(
+                  color:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  width: 3.0),
+            ),
+            child: const Center(
               child: Text("Error Loading Notes"),
+            ),
           );
         }
       },

Frontend/patient_manager/lib/pages/patientManager.dart

@@ -197,7 +197,8 @@ class _PatientManagerState extends State<PatientManager> {
             builder: (context, snapshot) {
               //print("patient Liust  ${snapshot.data}");
               if (snapshot.connectionState == ConnectionState.waiting) {
-                return Container(
+                return Expanded(
+                  child: Container(
                     //height: 500,
                     decoration: BoxDecoration(
                       color:
@@ -210,6 +211,7 @@ class _PatientManagerState extends State<PatientManager> {
                           width: 3.0),
                     ),
                     child: const Mihloadingcircle(),
+                  ),
                 );
               } else if (snapshot.connectionState == ConnectionState.done &&
                   snapshot.hasData) {
@@ -226,7 +228,8 @@ class _PatientManagerState extends State<PatientManager> {
                   child: displayPatientList(patientsList, searchString),
                 );
               } else {
-                return Container(
+                return Expanded(
+                  child: Container(
                     //height: 500,
                     decoration: BoxDecoration(
                       color:
@@ -249,6 +252,7 @@ class _PatientManagerState extends State<PatientManager> {
                         textAlign: TextAlign.center,
                       ),
                     ),
+                  ),
                 );
               }
             },
@@ -279,7 +283,7 @@ class _PatientManagerState extends State<PatientManager> {
       );
     }
     return Container(
-      //height: 500,
+      height: 500,
       decoration: BoxDecoration(
         color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
         borderRadius: BorderRadius.circular(25.0),
@@ -335,10 +339,12 @@ class _PatientManagerState extends State<PatientManager> {
           builder: (context, snapshot) {
             //print("patient Queue List  ${snapshot.hasData}");
             if (snapshot.connectionState == ConnectionState.waiting) {
-              return Container(
+              return Expanded(
-                //height: 500,
+                child: Container(
+                  height: 500,
                   decoration: BoxDecoration(
-                  color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                    color:
+                        MzanziInnovationHub.of(context)!.theme.primaryColor(),
                     borderRadius: BorderRadius.circular(25.0),
                     border: Border.all(
                         color: MzanziInnovationHub.of(context)!
@@ -347,6 +353,7 @@ class _PatientManagerState extends State<PatientManager> {
                         width: 3.0),
                   ),
                   child: const Mihloadingcircle(),
+                ),
               );
             } else if (snapshot.connectionState == ConnectionState.done) {
               List<PatientQueue> patientQueueList;
@@ -362,10 +369,12 @@ class _PatientManagerState extends State<PatientManager> {
                 child: displayQueueList(patientQueueList),
               );
             } else {
-              return Container(
+              return Expanded(
+                child: Container(
                   //height: 500,
                   decoration: BoxDecoration(
-                  color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                    color:
+                        MzanziInnovationHub.of(context)!.theme.primaryColor(),
                     borderRadius: BorderRadius.circular(25.0),
                     border: Border.all(
                         color: MzanziInnovationHub.of(context)!
@@ -384,6 +393,7 @@ class _PatientManagerState extends State<PatientManager> {
                       textAlign: TextAlign.center,
                     ),
                   ),
+                ),
               );
             }
           },