flex that ho

src/components/User/Client/ClientShifts.jsx

@@ -337,8 +337,8 @@ const ClientShiftsView = ({
               }
 
               return (
-                <Item key={result.uuid}>
-                  <Item.Content>
+                <Item key={result.uuid} style={{ justifyContent: "space-between" }}>
+                  <Item.Content style={{ minWidth: "14em", paddingRight: "1em" }}>
                     <Item.Header>
                       <Label
                         circular
@@ -409,7 +409,7 @@ const ClientShiftsView = ({
                   )}
                   {checkedIn && (
                     <Fragment>
-                      <Item.Content>
+                      <Item.Content style={{ flex: "2 0 auto" }}>
                         <Item.Description>
                           {result.description && (
                             <Message>{result.description}</Message>
@@ -458,7 +458,7 @@ const ClientShiftsView = ({
                           )}
                         </Item.Description>
                       </Item.Content>
-                      <Item.Extra>
+                      <Item.Extra style={{ flex: "1 1 auto" }}>
                         <Popup
                           content={
                             <div>