TimeTable text-center

client/src/components/Admin/TimeTable.js

@@ -69,18 +69,18 @@ const TimeTable = ({ ticketInfo = { movieId: 0 }, setTicketInfo }) => {
                     {el.timetable.map(time => {
                         if (/ticket/g.test(history.location.pathname))
                             return <div className="d-inline-flex m-2">
-                                <div className={`card text-dark ${styles.cursor}`} onClick={() => handleClick(time)}>
+                                <div className={`card text-dark text-center ${styles.cursor}`} onClick={() => handleClick(time)}>
                                     <div className="card-body py-1"><img src={`${time.partTime === "morning" ? '/images/sun.svg' : time.partTime === "night" ? '/images/moon.svg' : '...'} `} style={{ width: '20px' }} alt="" />{moment(time.start_time).format('HH:mm')} ~ {moment(time.end_time).format('HH:mm')}</div>
-                                    <div className="card-footer text-center py-1">{time.theater.rows * time.theater.columns - time.reservations} / {time.theater.rows * time.theater.columns}</div>
+                                    <div className="card-footer py-1">{time.theater.rows * time.theater.columns - time.reservations} / {time.theater.rows * time.theater.columns}</div>
                                 </div>
                             </div>
                         else return <div className="d-inline-flex flex-column m-2">
                             {/theater/g.test(history.location.pathname) ? null : <div className="d-flex justify-content-end">
                                 <button type="button" className={`btn btn-dark btn-sm shadow-none ${styles.customBtn}`} onClick={() => deleteTime(time.id)}>X</button>
                             </div>}
-                            <div className={"card" + (/theater/g.test(history.location.pathname) ? " text-dark" : "")}>
+                            <div className={"card text-center" + (/theater/g.test(history.location.pathname) ? " text-dark" : "")}>
                                 <div className="card-body py-1">{moment(time.start_time).format('HH:mm')} ~ {moment(time.end_time).format('HH:mm')}</div>
-                                <div className="card-footer text-center py-1">{time.title}</div>
+                                <div className="card-footer py-1">{time.title}</div>
                             </div>
                         </div>
                     })}