Improve reponsivity of some pages

Signed-off-by: Henrique V. Ehrenfried <hvehrenfried@inf.ufpr.br>

src/Components/CollectionCommentSection.js

@@ -74,7 +74,7 @@ export default function CollectionCommentSection(props) {
 		`
 		return (
 			<NoCommentsContainer>
-				<Image src={Comentario} />
+				<Image src={Comentario} style={{width:"100%", maxWidth:234}}/>
 				<BlueTitle>Compartilhe sua opinião com a rede!</BlueTitle>
 				<Secondary>Gostou desta coleção? Comente e compartilhe com a rede sua opinião. Interagindo com a rede, você contribui para que mais coleções como esta sejam criadas.</Secondary>
 				<Button

src/Components/ResourcePageComponents/CommentForm.js

@@ -90,7 +90,7 @@ export default function CommentForm (props) {
             <div className="star-alert" style={attemptedSubmit ? {visibility : "visible"} : {visibility : "hidden" }}>{props.recurso ? "Avalie se o recurso foi útil." : "Avalie se esta coleção foi útil."}</div>
 
             <Grid container>
-                <Grid item xs={10}>
+                <Grid item xs={12} md={9}>
                 <StyledTextField
                     colecao={!props.recurso}
                     value={comment.value}
@@ -103,22 +103,22 @@ export default function CommentForm (props) {
                     help = {comment.error ? (props.recurso ? "Escreva aqui a sua experiência com este Recurso" : "Escreva aqui a sua experiência com esta Coleção") : ''}
                 />
                 </Grid>
-                <Grid item xs={2}>
+                <Grid item xs={12} md={3}>
                     <div style={{height : "100%", display : "flex", flexDirection : "column", justifyContent : "flex-end"}}>
-            {
-                props.recurso ?
-                (
-                    <OrangeButton type="submit">Publicar</OrangeButton>
-                )
-                :
-                (
-                    <PurpleButton type="submit"><EditIcon/>Enviar</PurpleButton>
-                )
-            }
-        </div>
-        </Grid>
+                        {
+                            props.recurso ?
+                            (
+                                <OrangeButton type="submit">Publicar</OrangeButton>
+                            )
+                            :
+                            (
+                                <PurpleButton type="submit"><EditIcon/>Enviar</PurpleButton>
+                            )
+                        }
+                    </div>
+                </Grid>
 
-        <div className="campos-obrigatorios">* Campos obrigatórios.</div>
+                <div className="campos-obrigatorios">* Campos obrigatórios.</div>
             </Grid >
         </StyledForm>
     )

src/Components/ResourcePageComponents/Sobre.js

@@ -270,7 +270,6 @@ const SobreDiv = styled.div`
         .tags-container {
             padding : 0;
             width : 100%;
-            display : flex;
             flex-direction : row;
             align-items : center;
             font-size : .8em;

src/Components/SearchExpansionPanel/ExpansionPanel.css

@@ -5,3 +5,10 @@
     min-width: 30px !important;
 }
 
+.MuiListItem-secondaryAction {
+    padding-right: 0px !important;
+}
+
+.MuiListItem-gutters {
+    padding-left: 10px !important;
+}
\ No newline at end of file

src/Components/SearchExpansionPanel/SearchExpansionPanel.js

@@ -64,7 +64,7 @@ const TesteTypography = withStyles({
 
 const ExpansionPanelDetails = withStyles(theme => ({
   root: {
-    padding: theme.spacing(2)
+    // padding: theme.spacing(2)
   }
 }))(MuiExpansionPanelDetails);
 
@@ -98,7 +98,7 @@ export default function SearchExpansionPanel(props) {
             direction="row"
             justify="space-between"
           >
-            <Grid item>
+            <Grid item >
               <Typography
                 style={{
                   fontSize: "18px",

src/Pages/CollectionPage.js

@@ -190,7 +190,6 @@ export default function CollectionPage(props) {
 const StyledBreadCrumbs = styled(Breadcrumbs)`
   display: flex;
   justify-content: flex-start;
-  max-width: 1170px;
   span {
     color: #a5a5a5;
   }