responsiveness fix

src/Components/ResourcePageComponents/Sobre.js

@@ -76,7 +76,7 @@ export default function Sobre (props) {
                     />
             ))
         }
-        
+
         if (props.mimeType){
             aux.push(<AdditionalInfoItem
                 icon={<InsertDriveFileIcon/>}
@@ -133,10 +133,12 @@ export default function Sobre (props) {
         setAdditionalInfo(aux)
     }, [])
 
+    let windowWidth = window.innerWidth
+
     return (
         <Grid container style={{paddingRight : "15px", paddingLeft : "15px"}}>
 
-            <Grid item xs={9} style={{paddingRight : "15px"}}>
+            <Grid item xs={windowWidth > 990 ? 9 : 12} style={{paddingRight : "15px"}}>
                 <Collapse in={collapsed} collapsedHeight={338}>
                     <SobreDiv>
                         <div className="titulo">
@@ -173,7 +175,7 @@ export default function Sobre (props) {
                 </Collapse>
             </Grid>
 
-            <Grid item xs={3}>
+            <Grid item xs={windowWidth > 990 ? 3 : 12}>
                 <MetasObjeto>
                     <div className="enviado-por">
                         Enviado por:
@@ -270,6 +272,7 @@ const SobreDiv = styled.div`
             display : flex;
             flex-direction : row;
             align-items : center;
+            font-size : .8em;
 
             span {
                 text-transform : capitalize;
@@ -281,7 +284,7 @@ const SobreDiv = styled.div`
                 line-height : 18px;
                 margin-bottom : 3px;
                 color : #666;
-                font-size : .8em;
+                font-size : .8em
             }
         }
 
@@ -342,7 +345,6 @@ const SobreDiv = styled.div`
 
 const MetasObjeto = styled.div`
     margin : 20px 0;
-    border-left : 1px solid #e5e5e5;
     -webkit-box-orient : vertical;
     -webkit-box-direction : normal;
     -ms-flex-direction : column;
@@ -353,6 +355,10 @@ const MetasObjeto = styled.div`
     padding : 20px;
     text-align : center;
 
+    @media screen and (min-width : 990px) {
+        border-left : 1px solid #e5e5e5;
+    }
+
     .span-st {
         position : relative;
         font-size : 14px;