Merge branch 'issue/21' into 'development'

Issue #21: Minor fix on listForms responsivity

See merge request !23

src/components/fieldsListForms/Tab.jsx

@@ -2,11 +2,11 @@ import React, { useState, useEffect } from "react";
 import Button from "@material-ui/core/Button";
 import FormControl from "@material-ui/core/FormControl";
 import Grid from "@material-ui/core/Grid";
-import InputLabel from "@material-ui/core/InputLabel";
 import MenuItem from "@material-ui/core/MenuItem";
 import Select from "@material-ui/core/Select";
 import FormHelperText from "@material-ui/core/FormHelperText";
 import SearchBar from "./SearchBar.jsx";
+import { useHistory } from "react-router-dom";
 
 import { makeStyles } from "@material-ui/core/styles";
 const useStyles = makeStyles(theme => ({
@@ -68,6 +68,7 @@ const useStyles = makeStyles(theme => ({
 
 function Tab(props) {
   const classes = useStyles();
+  const history = useHistory();
   const [seletectedValue, setseletectedValue] = React.useState("");
 
   /** Function to handle event */

src/pages/ListForms.js

@@ -8,8 +8,13 @@ import { makeStyles } from "@material-ui/core/styles";
 // Components
 import CardForm from "../components/fieldsListForms/CardForm.jsx";
 import Tab from "../components/fieldsListForms/Tab.jsx";
-
+const useStyles = makeStyles(theme => ({
+  body: {
+    marginBottom: "15%"
+  }
+}));
 export default function ListForms() {
+  const classes = useStyles();
 
   // Get the ID from the URL
   const { id } = useParams();
@@ -38,9 +43,12 @@ export default function ListForms() {
       const tmp = [...forms].sort((a, b) => a.answersNumber < b.answersNumber);
       setAuxForms(tmp);
     } else if (type === 4) {
-      let tmp = [...forms].filter(value => {
+      let tmp = [...forms]
+        .filter(value => {
           return value.date;
-      }).sort((a, b) => a.date > b.date).concat(
+        })
+        .sort((a, b) => a.date > b.date)
+        .concat(
           [...forms].filter(value => {
             return value.date === "";
           })
@@ -81,7 +89,7 @@ export default function ListForms() {
     <div>
       <Tab sort={sort} searching={searching} />
       <Container>
-        <Grid container spacing={3}>
+        <Grid container spacing={3} className={classes.body}>
           {auxForms.map(form => (
             <Grid item xl={4} lg={4} md={4} sm={6} xs={12} zeroMinWidth>
               <CardForm