button left for responsive

src/components/User/Client/ClientShifts.jsx

@@ -108,7 +108,7 @@ class ClientShifts extends Component {
     this.props.dispatch(setCShiftPage(1));
   };
 
-  handleChangeWorkTypeFilter = (event, {value}) => {
+  handleChangeWorkTypeFilter = (event, { value }) => {
     this.props.dispatch(
       getCShiftsRequest({
         page: 1,
@@ -121,7 +121,7 @@ class ClientShifts extends Component {
     );
     this.props.dispatch(setCShiftWorkTypeFilter(value));
     this.props.dispatch(setCShiftPage(1));
-  }
+  };
 
   deleteCShift = uuid => {
     this.props.dispatch(deleteCShiftRequest(uuid));
@@ -230,18 +230,16 @@ const ClientShiftsView = ({
     <Container>
       <Header>Shifts</Header>
       <Segment.Group horizontal>
-        <Segment>
         <Button
+          attached="left"
           basic
           color="green"
-            size="small"
           as={Link}
           to="/user/profile/client/add-shift"
         >
           Schedule Shift
         </Button>
-        </Segment>
-        <Segment textAlign="right">
+        <Segment>
           {"Filter by Approval "}
           <Dropdown
             inline