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>
+        <Button
+          attached="left"
+          basic
+          color="green"
+          as={Link}
+          to="/user/profile/client/add-shift"
+        >
+          Schedule Shift
+        </Button>
         <Segment>
-          <Button
-            basic
-            color="green"
-            size="small"
-            as={Link}
-            to="/user/profile/client/add-shift"
-          >
-            Schedule Shift
-          </Button>
-        </Segment>
-        <Segment textAlign="right">
           {"Filter by Approval "}
           <Dropdown
             inline