fix the design issues

lib/screens/patients/insurance_approvals_details.dart

@@ -160,7 +160,8 @@ class _InsuranceApprovalsDetailsState extends State<InsuranceApprovalsDetails> {
                                         ),
                                       ],
                                     ),
-                                    Padding(
+                                    Expanded(
+                                      child: Padding(
                                         padding: const EdgeInsets.symmetric(
                                             horizontal: 8.0),
                                         child: Column(
@@ -176,12 +177,16 @@ class _InsuranceApprovalsDetailsState extends State<InsuranceApprovalsDetails> {
                                                 Texts(
                                                   'Clinic: ',
                                                   color: Colors.grey[500],
+                                                  fontSize: 14,
                                                 ),
-                                              Texts(
+                                                Expanded(
+                                                  child: Texts(
                                                     model
                                                         .insuranceApproval[
                                                             indexInsurance]
                                                         .clinicName,
+                                                    fontSize: 14,
+                                                  ),
                                                 )
                                               ],
                                             ),
@@ -190,6 +195,7 @@ class _InsuranceApprovalsDetailsState extends State<InsuranceApprovalsDetails> {
                                                 Texts(
                                                   'Approval No: ',
                                                   color: Colors.grey[500],
+                                                  fontSize: 14,
                                                 ),
                                                 Texts(
                                                   model
@@ -197,6 +203,7 @@ class _InsuranceApprovalsDetailsState extends State<InsuranceApprovalsDetails> {
                                                           indexInsurance]
                                                       .approvalNo
                                                       .toString(),
+                                                  fontSize: 14,
                                                 )
                                               ],
                                             ),
@@ -205,12 +212,16 @@ class _InsuranceApprovalsDetailsState extends State<InsuranceApprovalsDetails> {
                                                 Texts(
                                                   'Unused Count:',
                                                   color: Colors.grey[500],
+                                                  fontSize: 14,
                                                 ),
                                                 Texts(model
                                                     .insuranceApproval[
                                                         indexInsurance]
                                                     .unUsedCount
-                                                  .toString())
+                                                    .toString(),
+                                                  fontSize: 14,
+                                                )
+
                                               ],
                                             ),
                                             Row(
@@ -228,11 +239,13 @@ class _InsuranceApprovalsDetailsState extends State<InsuranceApprovalsDetails> {
                                                   'Receipt on: ',
                                                   color: Colors.grey[500],
                                                 ),
-                                              Texts(
+                                                Expanded(
+                                                  child: Texts(
                                                     '${DateUtils.getDayMonthYearDateFormatted(DateUtils.getDateTimeFromServerFormat(model.insuranceApproval[indexInsurance].rceiptOn), isArabic: projectViewModel.isArabic)}',
                                                     color: Colors.black,
                                                     fontWeight: FontWeight.w600,
                                                   ),
+                                                ),
                                               ],
                                             ),
                                             Row(
@@ -251,6 +264,7 @@ class _InsuranceApprovalsDetailsState extends State<InsuranceApprovalsDetails> {
                                           ],
                                         ),
                                       ),
+                                    ),
                                   ],
                                 ),
                               ),
@@ -264,34 +278,20 @@ class _InsuranceApprovalsDetailsState extends State<InsuranceApprovalsDetails> {
                                       padding: const EdgeInsets.symmetric(
                                           horizontal: 8.0),
                                       child: Row(
-                                        mainAxisAlignment:
-                                            MainAxisAlignment.spaceAround,
                                         children: [
-                                          Container(
-                                            width: MediaQuery.of(context)
-                                                    .size
-                                                    .width *
-                                                0.33,
+                                          Expanded(
                                             child: Texts(
                                               'Procedure',
                                               fontWeight: FontWeight.w700,
                                             ),
                                           ),
-                                          Container(
-                                            width: MediaQuery.of(context)
-                                                    .size
-                                                    .width *
-                                                0.33,
+                                          Expanded(
                                             child: Texts(
                                               'Status',
                                               fontWeight: FontWeight.w700,
                                             ),
                                           ),
-                                          Container(
-                                            width: MediaQuery.of(context)
-                                                    .size
-                                                    .width *
-                                                0.21,
+                                          Expanded(
                                             child: Texts(
                                               'Usage Status',
                                               fontWeight: FontWeight.w700,
@@ -316,78 +316,58 @@ class _InsuranceApprovalsDetailsState extends State<InsuranceApprovalsDetails> {
                                           itemBuilder: (BuildContext context,
                                               int index) {
                                             return Container(
-                                              child: Row(
-                                                mainAxisAlignment:
-                                                    MainAxisAlignment
-                                                        .spaceAround,
-                                                crossAxisAlignment:
-                                                    CrossAxisAlignment.start,
+                                              child: Column(
                                                 children: [
-                                                  Container(
-                                                    height:
-                                                        MediaQuery.of(context)
-                                                                .size
-                                                                .height *
-                                                            0.15, //130.0,
-                                                    width:
-                                                        MediaQuery.of(context)
-                                                                .size
-                                                                .width *
-                                                            0.33,
+                                                  Row(
+
+                                                    children: [
+                                                      Expanded(
+                                                        child: Container(
+
                                                           child: Texts(model
                                                                   .insuranceApproval[
                                                                       indexInsurance]
                                                                   ?.apporvalDetails[
                                                                       index]
                                                                   ?.procedureName ??
-                                                        ""),
+                                                              "",textAlign: TextAlign.start,),
                                                         ),
-                                                  Container(
-                                                    height:
-                                                        MediaQuery.of(context)
-                                                                .size
-                                                                .height *
-                                                            0.15,
-                                                    width:
-                                                        MediaQuery.of(context)
-                                                                .size
-                                                                .width *
-                                                            0.33,
+                                                      ),
+                                                      Expanded(
+                                                        child: Container(
+
                                                           child: Texts(model
                                                                   .insuranceApproval[
                                                                       indexInsurance]
                                                                   ?.apporvalDetails[
                                                                       index]
                                                                   ?.status ??
-                                                        ""),
+                                                              "",textAlign: TextAlign.center,),
                                                         ),
-                                                  Container(
-                                                    height:
-                                                        MediaQuery.of(context)
-                                                                .size
-                                                                .height *
-                                                            0.15,
-                                                    width:
-                                                        MediaQuery.of(context)
-                                                                .size
-                                                                .width *
-                                                            0.21,
+                                                      ),
+                                                      Expanded(
+                                                        child: Container(
                                                           child: Texts(model
                                                                   .insuranceApproval[
                                                                       indexInsurance]
                                                                   ?.apporvalDetails[
                                                                       index]
                                                                   ?.isInvoicedDesc ??
-                                                        ""),
+                                                              "",textAlign: TextAlign.center,),
+                                                        ),
+                                                      ),
+                                                    ],
+                                                  ),
+                                                  SizedBox(width: 5,),
+                                                  Divider(
+                                                    color: Colors.black38,
                                                   ),
                                                 ],
                                               ),
                                             );
                                           }),
                                     ),
-                                    Divider(
-                                      color: Colors.black45,
-                                    ),
+
                                   ],
                                 ),
                               ),

lib/widgets/patients/profile/soap_update/update_assessment_page.dart

@@ -677,17 +677,18 @@ class _AddAssessmentDetailsState extends State<AddAssessmentDetails> {
                             height: 16,
                           ),
                           Row(
+
                             children: [
-                              AppText(
+                              Expanded(
+                                child: AppText(
                                   TranslationBase.of(context)
                                       .addAssessmentDetails
                                       .toUpperCase(),
                                   fontWeight: FontWeight.bold,
                                   fontSize: 13,
                                 ),
-                              SizedBox(
-                                width: MediaQuery.of(context).size.width * 0.42,
                               ),
+
                               InkWell(
                                 child: Icon(
                                   Icons.close,