From db752811289fd1129e6135b81a29685869623efd Mon Sep 17 00:00:00 2001
From: Alexander Wong <alex@udia.ca>
Date: Mon, 2 Jul 2018 15:38:55 -0600
Subject: [PATCH] flex that ho

---
 src/components/User/Client/ClientShifts.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/User/Client/ClientShifts.jsx b/src/components/User/Client/ClientShifts.jsx
index d647323..ed04936 100644
--- a/src/components/User/Client/ClientShifts.jsx
+++ b/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>