From ed4587b3afd5237ac3a398d6fb960a94ea81856d Mon Sep 17 00:00:00 2001
From: Syed Ali Shahbaz <52925846+alishaz-polymath@users.noreply.github.com>
Date: Fri, 29 Oct 2021 15:33:37 +0530
Subject: [PATCH] reduces breakpoint max-w (#1072)

---
 components/booking/BookingListItem.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/booking/BookingListItem.tsx b/components/booking/BookingListItem.tsx
index 094370d9..3c2cab39 100644
--- a/components/booking/BookingListItem.tsx
+++ b/components/booking/BookingListItem.tsx
@@ -74,8 +74,8 @@ function BookingListItem(booking: BookingItem) {
 
   return (
     <tr>
-      <td className="hidden sm:table-cell px-6 py-4 whitespace-nowrap align-top">
-        <div className="text-sm text-gray-900 leading-6">{startTime}</div>
+      <td className="hidden px-6 py-4 align-top sm:table-cell whitespace-nowrap">
+        <div className="text-sm leading-6 text-gray-900">{startTime}</div>
         <div className="text-sm text-gray-500">
           {dayjs(booking.startTime).format("HH:mm")} - {dayjs(booking.endTime).format("HH:mm")}
         </div>
@@ -87,14 +87,14 @@ function BookingListItem(booking: BookingItem) {
               {t("unconfirmed")}
             </span>
           )}
-          <div className="text-sm text-gray-900 font-medium">
+          <div className="text-sm font-medium text-gray-900">
             {startTime}:{" "}
             <small className="text-sm text-gray-500">
               {dayjs(booking.startTime).format("HH:mm")} - {dayjs(booking.endTime).format("HH:mm")}
             </small>
           </div>
         </div>
-        <div className="text-sm text-neutral-900 font-medium leading-6 truncate max-w-60 md:max-w-96">
+        <div className="text-sm font-medium leading-6 truncate text-neutral-900 max-w-52 md:max-w-96">
           {booking.eventType?.team && <strong>{booking.eventType.team.name}: </strong>}
           {booking.title}
           {!booking.confirmed && !booking.rejected && (
@@ -104,7 +104,7 @@ function BookingListItem(booking: BookingItem) {
           )}
         </div>
         {booking.description && (
-          <div className="text-sm text-gray-500 truncate max-w-60 md:max-w-96" title={booking.description}>
+          <div className="text-sm text-gray-500 truncate max-w-52 md:max-w-96" title={booking.description}>
             &quot;{booking.description}&quot;
           </div>
         )}
@@ -115,7 +115,7 @@ function BookingListItem(booking: BookingItem) {
         )}
       </td>
 
-      <td className="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+      <td className="px-6 py-4 text-sm font-medium text-right whitespace-nowrap">
         {isUpcoming && !isCancelled ? (
           <>
             {!booking.confirmed && !booking.rejected && <TableActions actions={pendingActions} />}