X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Babout%2Fabout-peertube%2Fabout-peertube.component.scss;h=a43eb6fe163a939bb17d2856eb0b0ca011172eaf;hb=24e7916c6897bbb38e057cdf1a102286006be964;hp=1d8579ec1cd18eb650ffa6671145cbe9b622645e;hpb=78f912ed5733028ec2bf10c06c19f75b07943be2;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/+about/about-peertube/about-peertube.component.scss b/client/src/app/+about/about-peertube/about-peertube.component.scss
index 1d8579ec1..a43eb6fe1 100644
--- a/client/src/app/+about/about-peertube/about-peertube.component.scss
+++ b/client/src/app/+about/about-peertube/about-peertube.component.scss
@@ -1,22 +1,69 @@
 @import '_variables';
 @import '_mixins';
 
+.root {
+  max-width: 1200px;
+  margin: auto;
+}
+
 .about-peertube-title {
-  font-size: 20px;
-  font-weight: bold;
+  font-size: 25px;
+  text-align: center;
+  font-weight: $font-semibold;
   margin-bottom: 15px;
 }
 
-.section-title {
+.mascot {
+  display: block;
+  margin: 20px auto;
+}
+
+/deep/ .section-title {
   font-weight: $font-semibold;
   font-size: 20px;
   margin-bottom: 5px;
 }
 
 .description {
-  margin-bottom: 30px;
+  text-align: center;
+}
+
+.documentation {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 50px 0;
+  justify-content: center;
+
+  .card {
+    margin: 30px;
+    flex-basis: 300px;
+    font-size: 15px;
+  }
+}
+
+.description,
+.p2p-privacy,
+my-about-peertube-contributors {
+  /deep/ {
+    p, li {
+      font-size: 15px;
+    }
+  }
 }
 
-.p2p-privacy-title {
-  margin-top: 15px;
-}
\ No newline at end of file
+.privacy-contributors {
+  display: flex;
+  flex-direction: column;
+
+  .p2p-privacy {
+    .section-title {
+      margin: 50px 0 20px;
+      text-align: center;
+    }
+
+    h6 {
+      font-size: 20px;
+      margin-top: 15px;
+    }
+  }
+}