Issue #44: /view small screen format correction

closes #44 (closed) Signed-off-by: Gabriel Silva Hermida gash18@inf.ufpr.br

src/components/fieldsVisualizeForm/FormFieldCheckbox.js

@@ -7,29 +7,26 @@ import Checkbox from "@material-ui/core/Checkbox";
 
 import FieldFooterOptions from "./FieldFooterOptions";
 
-const useStyles = makeStyles(theme => ({
+const useStyles = makeStyles((theme) => ({
   paper: {
     padding: theme.spacing(3),
     width: theme.spacing(100),
     minheight: theme.spacing(18),
-    margin: theme.spacing(2),
     ["@media (max-width:827px)"]: {
-      width: theme.spacing(70)
+      width: "85%",
     },
-    ["@media (max-width:590px)"]: {
-      width: theme.spacing(40)
-    }
+    marginBottom: "12px",
   },
   questionsGrid: {
-    marginBottom: "20px"
+    marginBottom: "20px",
   },
   text: {
-    color: "black"
+    color: "black",
   },
   validation: {
     fontSize: "14px",
-    color: "red"
-  }
+    color: "red",
+  },
 }));
 
 function FormFieldCheckbox(props) {
@@ -72,7 +69,7 @@ function FormFieldCheckbox(props) {
           direction="column"
           justify="flex-start"
           alignItems="flex-start"
-          xs={5}
+          xs={12}
           className={classes.questionsGrid}
         >
           {options}