How to guarantee that the box that contains date and time will be always centered after calling the card in list view

i am a beginner in flutter , i am trying to correct the display of this widget in flutter , the problem is that this widget is not responsive where the name of the teams when they are long they can make the screen out of range , and also the time and date zone is not always centered , i am searching how to make the date and the time zone always centered in the screen in all the cases , how to replace the padding ? by container?? what prosperities to change???

my goal is to make the date and the time centered in all the cases and my second goal is to find a solution for the width of screen when the name of teams are long

here my widget class :

import 'package:flutter/material.dart';


class BroadcastSchedule extends StatelessWidget  {

  String home;
  String homeImage;
  String away;
  String awayImage;
  String time;
  String date;

  BroadcastSchedule(this.home,this.homeImage,this.away,this.awayImage,this.time,this.date);

  @override
  Widget build(BuildContext context) {
    return  Card(
      elevation: 4.0,
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(10.0),
      ),
      child: Padding(
        padding: const EdgeInsets.all(16.0),
        child:
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: <Widget>[
            CircleAvatar(
              backgroundImage: NetworkImage(this.homeImage),
            ),
            const SizedBox(width:10.0),
            Spacer(),
            Column(
              crossAxisAlignment: CrossAxisAlignment.end,
              children: <Widget> [
                Text(this.home),
                const SizedBox(height: 5.0, ),
              ],
            ),
            Padding(
              padding: EdgeInsets.only(top:20.0, left: 20.0, right: 20.0),
             child: Container(
               padding: EdgeInsets.all(2.0),
               decoration: BoxDecoration(
                color: Colors.grey[700],
                 borderRadius: BorderRadius.circular(11.0),
               ),
               child: Column(

                 children: [
                   Text(this.time,style: TextStyle(
                       fontWeight: FontWeight.bold,
                       fontSize: 18.0,
                       color: Colors.white,
                   ),),
                   const SizedBox(height: 5.0, ),
                   Text(this.date,style: TextStyle(
                       fontWeight: FontWeight.bold,
                       fontSize: 16.0,
                       color: Colors.white
                   ),),
                 ],
               ),
             ),
           ),
      Expanded(
            child : Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: <Widget> [
                Text(this.away),
                const SizedBox(height: 5.0, ),
              ],
            ),
      ),
            Spacer(),
            CircleAvatar(
              backgroundImage: NetworkImage(this.awayImage),
            ),
          ],
        ),
      ),
    );
  }
}

Here a screen capture after execution:

how can we replace padding that contains the date and time of a match by something that will be centered in all the cases