Merge pull request #300 from NIAEFEUP/fix/divider-offers

fixed divider bug

Author: diogofonte

src/components/HomePage/SearchResultsArea/SearchResultsWidget/SearchResultsDesktop.js

@@ -15,7 +15,7 @@ const OffersList = ({
     showSearchFilters, toggleShowSearchFilters, offers, moreOffersLoading, loadMoreOffers, searchQueryToken,
 }) => (
     <Grid item md={4} id="offer_list" className={classes.fullHeight}>
-        <Grid container className={classes.fullHeight}>
+        <Grid container className={classes.heightOffersList}>
             <div className={classes.offerItemsContainer}>
                 {noOffers ?
                     <div className={classes.noOffersColumn}>
@@ -51,6 +51,7 @@ OffersList.propTypes = {
     classes: PropTypes.shape({
         divider: PropTypes.string.isRequired,
         fullHeight: PropTypes.string.isRequired,
+        heightOffersList: PropTypes.string.isRequired,
         offerItemsContainer: PropTypes.string.isRequired,
         noOffersColumn: PropTypes.string.isRequired,
         errorLoadingOffersIcon: PropTypes.string.isRequired,
@@ -139,6 +140,7 @@ const SearchResultsDesktop = () => {
 
     const offersListClasses = {
         fullHeight: classes.fullHeight,
+        heightOffersList: classes.heightOffersList,
         noOffersColumn: classes.noOffersColumn,
         errorLoadingOffersIcon: classes.errorLoadingOffersIcon,
         divider: classes.divider,

src/components/HomePage/SearchResultsArea/SearchResultsWidget/searchResultsWidgetStyles.js

@@ -13,6 +13,10 @@ export default makeStyles((theme) => ({
     fullWidth: {
         width: "100%",
     },
+    heightOffersList: {
+        height: "100%",
+        overflow: "auto",
+    },
     searchResults: {
         boxSizing: "border-box",
         height: "100vh",
@@ -58,8 +62,6 @@ export default makeStyles((theme) => ({
         display: "flex",
         justifyContent: "space-between",
         width: "100%",
-        height: "100%",
-        overflow: "auto",
     },
     offerBodyContainer: {
         height: "100%",
@@ -69,7 +71,6 @@ export default makeStyles((theme) => ({
     offerHeader: {
         marginBottom: theme.spacing(1),
         alignItems: "flex-start",
-
     },
     verticalDivider: {
         "&&": {