title: Get table pagination buttons and rows per page to the left on Material UI
body: <p>Have a site that I am trying to shrink down the table to fit on a mobile screen and grow when necessary.  I am able to get it to shrink and to drop the horizontal scroll bars, however, the footer is giving me issues.  The footer content doesn't seem to follow along with the rest.  It appears that it is part of their code to have it align right.  Is there anyway to change this?</p>
  
  <p>Code:</p>
  
  <pre><code>    &lt;TableFooter classes={classes.footer}&gt;
      &lt;div className={classes.footer}&gt;&lt;/div&gt;
          &lt;TablePagination
            className={classes.footer}
            colSpan={1}
            count={data.length}
            rowsPerPage={rowsPerPage}
            page={page}
            onChangePage={this.handleChangePage}
            onChangeRowsPerPage={this.handleChangeRowsPerPage}
            ActionsComponent={TablePaginationActionsWrapped}
          /&gt;
      &lt;/TableFooter&gt;
  
   footer:{
    justifyContent: 'left',
    width: "10px",
    textAlign: 'left'
   }
  </code></pre>