Mobile adaptive updates

lib/pages/detail.dart

@@ -41,6 +41,23 @@ class _DetailPageState extends State<DetailPage> {
     });
   }
 
+  Widget _buildRowOrCol(
+      {required List<Widget> children,
+      required BuildContext context,
+      MainAxisAlignment mainAxisAlignment = MainAxisAlignment.spaceAround,
+      CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center}) {
+    // if (false && MediaQuery.of(context).size.width > 600) {
+    //   return Row(
+    //       mainAxisAlignment: mainAxisAlignment,
+    //       crossAxisAlignment: crossAxisAlignment,
+    //       children: children);
+    // }
+    return Column(
+        mainAxisAlignment: mainAxisAlignment,
+        crossAxisAlignment: crossAxisAlignment,
+        children: children);
+  }
+
   Widget _buildButton() {
     if (!isInCart) {
       return ElevatedButton(
@@ -100,22 +117,22 @@ class _DetailPageState extends State<DetailPage> {
     return Scaffold(
       appBar: const GymLinkAppBar(),
       body: Column(mainAxisAlignment: MainAxisAlignment.start, children: [
-        GymLinkHeader(title: '${widget.name} - ${widget.id}'),
+        GymLinkHeader(title: widget.name),
         Expanded(
           child: SingleChildScrollView(
             child: Padding(
               padding: const EdgeInsets.all(20),
               child: SizedBox(
                 width: MediaQuery.sizeOf(context).width,
-                height: MediaQuery.sizeOf(context).height,
-                child: Row(
+                // height: MediaQuery.sizeOf(context).height,
+                child: _buildRowOrCol(
+                  context: context,
                   mainAxisAlignment: MainAxisAlignment.spaceAround,
                   crossAxisAlignment: CrossAxisAlignment.center,
                   children: [
                     widget.image,
                     Padding(
-                      padding:
-                          const EdgeInsetsDirectional.fromSTEB(0, 30, 60, 60),
+                      padding: const EdgeInsetsDirectional.all(30),
                       child: ConstrainedBox(
                         constraints: const BoxConstraints(
                           minWidth: 340,
@@ -130,8 +147,7 @@ class _DetailPageState extends State<DetailPage> {
                           ),
                           child: SingleChildScrollView(
                             child: Padding(
-                              padding: const EdgeInsetsDirectional.fromSTEB(
-                                  20, 15, 10, 15),
+                              padding: const EdgeInsetsDirectional.all(15),
                               child: ConstrainedBox(
                                 constraints: const BoxConstraints(
                                   minHeight: 100,
@@ -150,7 +166,7 @@ class _DetailPageState extends State<DetailPage> {
                       alignment: const AlignmentDirectional(0, -1),
                       child: Padding(
                         padding:
-                            const EdgeInsetsDirectional.fromSTEB(0, 60, 0, 0),
+                            const EdgeInsetsDirectional.fromSTEB(0, 30, 0, 0),
                         child: Column(
                           mainAxisSize: MainAxisSize.min,
                           children: [