4 files changed, 13 insertions, 29 deletions

diff --git a/client/src/app/+about/about-instance/about-instance.component.scss b/client/src/app/+about/about-instance/about-instance.component.scss
index a48783639..c01e690d1 100644
--- a/client/src/app/+about/about-instance/about-instance.component.scss
+++ b/client/src/app/+about/about-instance/about-instance.component.scss
@@ -20,7 +20,6 @@
 
 .instance-badges {
   margin-bottom: 20px;
-  font-size: 16px;
 
   .pt-badge {
     @include margin-right(5px);
@@ -29,10 +28,10 @@
 
 .section-title {
   font-weight: $font-semibold;
-  font-size: 16px;
   margin-bottom: 5px;
   display: flex;
   align-items: center;
+  font-size: 1rem;
 }
 
 .middle-title {
@@ -44,7 +43,6 @@
 
 .block {
   margin-bottom: 75px;
-  font-size: 15px;
 }
 
 .short-description {
diff --git a/client/src/app/+about/about-instance/contact-admin-modal.component.scss b/client/src/app/+about/about-instance/contact-admin-modal.component.scss
index e143a9dc6..6db6f13b3 100644
--- a/client/src/app/+about/about-instance/contact-admin-modal.component.scss
+++ b/client/src/app/+about/about-instance/contact-admin-modal.component.scss
@@ -2,7 +2,6 @@
 @use '_mixins' as *;
 
 .modal-subtitle {
-  font-size: 16px;
   line-height: 1rem;
   margin-bottom: 0;
 }
diff --git a/client/src/app/+about/about-peertube/about-peertube.component.html b/client/src/app/+about/about-peertube/about-peertube.component.html
index 62689e3ae..f8700d9b6 100644
--- a/client/src/app/+about/about-peertube/about-peertube.component.html
+++ b/client/src/app/+about/about-peertube/about-peertube.component.html
@@ -11,12 +11,12 @@
     </p>
 
     <p i18n>
-      It is free and open-source software, under <a href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE">AGPLv3
+      It is free and open-source software, under <a class="link-orange" href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE">AGPLv3
       licence</a>.
     </p>
 
     <p i18n>
-      For more information, please visit <a target="_blank" rel="noopener noreferrer" href="https://joinpeertube.org">joinpeertube.org</a>.
+      For more information, please visit <a class="link-orange" target="_blank" rel="noopener noreferrer" href="https://joinpeertube.org">joinpeertube.org</a>.
     </p>
   </div>
 
@@ -25,9 +25,8 @@
     <div class="card">
       <div class="card-body">
         <div class="card-title">
-          <a i18n target="_blank" rel="noopener noreferrer" href="https://docs.joinpeertube.org/use-setup-account">Use PeerTube
-            documentation</a>
-          </div>
+          <a i18n class="link-orange" target="_blank" rel="noopener noreferrer" href="https://docs.joinpeertube.org/use-setup-account">Use PeerTube documentation</a>
+        </div>
 
         <div i18n class="card-text">
           Discover how to setup your account, what is a channel, how to create a playlist and more!
@@ -38,9 +37,8 @@
     <div class="card">
       <div class="card-body">
         <div class="card-title">
-          <a i18n target="_blank" rel="noopener noreferrer" href="https://docs.joinpeertube.org/use-third-party-application">PeerTube
-            Applications</a>
-          </div>
+          <a i18n class="link-orange" target="_blank" rel="noopener noreferrer" href="https://docs.joinpeertube.org/use-third-party-application">PeerTube Applications</a>
+        </div>
 
         <div i18n class="card-text">
           Discover unofficial Android applications or browser addons!
@@ -51,9 +49,8 @@
     <div class="card">
       <div class="card-body">
         <div class="card-title">
-          <a i18n target="_blank" rel="noopener noreferrer" href="https://docs.joinpeertube.org/contribute-getting-started">Contribute on
-            PeerTube</a>
-          </div>
+          <a i18n class="link-orange" target="_blank" rel="noopener noreferrer" href="https://docs.joinpeertube.org/contribute-getting-started">Contribute on PeerTube</a>
+        </div>
 
         <div i18n class="card-text">
           Want to help to improve PeerTube? You can translate the web interface, give your feedback or directly contribute to the code!
@@ -116,7 +113,7 @@
           Web peers are not publicly accessible: because we use the websocket transport, the protocol is different from classic BitTorrent tracker.
           When you are in a web browser, you send a signal containing your IP address to the tracker that will randomly choose other peers
           to forward the information to.
-          See <a href="https://github.com/yciabaud/webtorrent/blob/beps/bep_webrtc.rst">this document</a> for more information
+          See <a class="link-orange" href="https://github.com/yciabaud/webtorrent/blob/beps/bep_webrtc.rst">this document</a> for more information
         </li>
       </ul>
 
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 2a5ec08f5..a0d227a28 100644
--- a/client/src/app/+about/about-peertube/about-peertube.component.scss
+++ b/client/src/app/+about/about-peertube/about-peertube.component.scss
@@ -37,18 +37,6 @@
   .card {
     margin: 30px;
     flex-basis: 300px;
-    font-size: 15px;
-  }
-}
-
-.description,
-.p2p-privacy,
-my-about-peertube-contributors {
-  ::ng-deep {
-    p,
-    li {
-      font-size: 15px;
-    }
   }
 }
 
@@ -70,7 +58,9 @@ my-about-peertube-contributors {
 }
 
 .card-title {
-  font-size: 1.25rem;
+  font-size: 1.1rem;
+  text-align: center;
+  margin-bottom: 1rem;
 }
 
 .p2p-privacy-title {