fix-design

lib/pages/MyAppointments/widgets/AppointmentActions.dart

@@ -1,3 +1,4 @@
+import 'package:diplomaticquarterapp/config/size_config.dart';
 import 'package:diplomaticquarterapp/core/model/labs/patient_lab_orders.dart';
 import 'package:diplomaticquarterapp/core/model/prescriptions/prescription_report_enh.dart';
 import 'package:diplomaticquarterapp/core/model/radiology/final_radiology.dart';
@@ -25,6 +26,7 @@ import 'package:diplomaticquarterapp/services/clinic_services/get_clinic_service
 import 'package:diplomaticquarterapp/uitl/app_toast.dart';
 import 'package:diplomaticquarterapp/uitl/gif_loader_dialog_utils.dart';
 import 'package:diplomaticquarterapp/uitl/translations_delegate_base.dart';
+import 'package:diplomaticquarterapp/widgets/data_display/text.dart';
 import 'package:diplomaticquarterapp/widgets/dialogs/confirm_dialog.dart';
 import 'package:diplomaticquarterapp/widgets/in_app_browser/InAppBrowser.dart';
 import 'package:diplomaticquarterapp/widgets/transitions/fade_page.dart';
@@ -84,12 +86,8 @@ class _AppointmentActionsState extends State<AppointmentActions> {
                         onTap: () {
                           _handleButtonClicks(e);
                         },
-                        child: Column(
-                          mainAxisSize: MainAxisSize.max,
-                          children: [
-                            Container(
-                              // height: 100.0,
-                              margin: EdgeInsets.all(7.0),
+                        child: Container(
+                          margin: EdgeInsets.all(8.0),
                           padding: EdgeInsets.only(bottom: 4.0),
                           decoration: BoxDecoration(
                               boxShadow: [
@@ -100,29 +98,35 @@ class _AppointmentActionsState extends State<AppointmentActions> {
                               ],
                               borderRadius: BorderRadius.circular(10),
                               color: Colors.white),
+                          child: Row(
+                            children: [
+                              Expanded(
                                 child: Column(
                                   crossAxisAlignment: CrossAxisAlignment.start,
                                   mainAxisSize: MainAxisSize.max,
                                   children: <Widget>[
                                     Container(
                                       margin:
-                                        EdgeInsets.fromLTRB(5.0, 5.0, 5.0, 0.0),
-                                    child: Text(e.title,
-                                        overflow: TextOverflow.clip,
-                                        style: TextStyle(
-                                            color: new Color(0xffB8382C),
-                                            letterSpacing: 1.0,
-                                            fontSize: 18.0)),
+                                          EdgeInsets.fromLTRB(5.0, 5.0, 5.0, 5.0),
+                                      child: Texts(
+                                        e.title,
+                                        color: Color(0xffB8382C),
+                                        variant: "overline",
+                                        fontSize: SizeConfig.textMultiplier * 2.1,
+                                      ),
                                     ),
                                     Container(
                                       margin:
                                           EdgeInsets.fromLTRB(5.0, 0.0, 5.0, 0.0),
-                                    child: Text(e.subtitle,
-                                        overflow: TextOverflow.clip,
-                                        style: TextStyle(
+                                      child: Texts(
+                                        e.subtitle,
                                         color: Colors.black,
-                                            letterSpacing: 1.0,
-                                            fontSize: 15.0)),
+                                        variant: "overline",
+                                        fontSize: SizeConfig.textMultiplier * 1.9,
+                                      ),
+                                    ),
+                                  ],
+                                ),
                               ),
                               Container(
                                 alignment: projectViewModel.isArabic
@@ -134,13 +138,11 @@ class _AppointmentActionsState extends State<AppointmentActions> {
                                     : EdgeInsets.fromLTRB(
                                     0.0, 7.0, 10.0, 8.0),
                                 child: Image.asset(e.icon,
-                                        width: 45.0, height: 45.0),
+                                    width: 40.0, height: 40.0),
                               ),
                             ],
                           ),
                         ),
-                          ],
-                        ),
                       ))
                   .toList(),
             ),