css change

Arquisoft · Apr 27, 2024 · 584733d · 584733d
1 parent efde1d5
commit 584733d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 21 deletions.
diff --git a/webapp/src/components/Participation.jsx b/webapp/src/components/Participation.jsx
@@ -44,7 +44,7 @@ export const Participation = ({ goTo }) => {
   return (
     <main className="Participation-container">
       <div>
-        <Typography sx={{ textAlign: 'center', fontSize:'2em', margin:'0 0 0.3em 0 !important', color:'#8f95fd' }}>
+        <Typography id="participationTitle" sx={{ textAlign: 'center', fontSize:'2em', margin:'0 0 0.3em 0 !important', color:'#8f95fd' }}>
           <FormattedMessage id="participationTitle" />
         </Typography>
 

diff --git a/webapp/src/css/participation.css b/webapp/src/css/participation.css
@@ -1,27 +1,11 @@
-.Participation-container {
-    margin-top: 50px;
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-  }
-
-  .Participation-title {
-    color: #8f95fd;
-    padding: 0 1em;
-    text-align: center;
-    font-size: 1.4em;
-  }
-
-  .Participation-text {
-    font-size: 1.4em;
-    text-align: center;
-    line-height: 1;
-  }
-@media screen and (max-width: 768px) {
+  @media screen and (max-width: 768px) {
   .tablePost {
     font-size: 0.8rem;
   }
   .Participation-text{
     width: 100vmin;
   }  
+  #participationTitle{
+    padding-top: 60px;
+  }
 }