X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fshared-instance%2Finstance-features-table.component.scss;h=bfae0c112f6b3daacd2d298e46f70cc86c112bda;hb=b713976afbe47d06941222ad462bc68b3decd723;hp=a515747413bd8d868ef9cd4c98f426827ea8b430;hpb=67ed6552b831df66713bac9e672738796128d33f;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/shared/shared-instance/instance-features-table.component.scss b/client/src/app/shared/shared-instance/instance-features-table.component.scss
index a51574741..bfae0c112 100644
--- a/client/src/app/shared/shared-instance/instance-features-table.component.scss
+++ b/client/src/app/shared/shared-instance/instance-features-table.component.scss
@@ -1,40 +1,46 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
 table {
   font-size: 14px;
   color: pvar(--mainForegroundColor);
+  width: 100%;
 
   .label,
   .sub-label {
-    min-width: 330px;
-
     &.label {
       font-weight: $font-semibold;
     }
 
     &.sub-label {
+      @include padding-left(30px);
+
       font-weight: $font-regular;
-      padding-left: 30px;
     }
 
     .more-info {
       font-style: italic;
       font-weight: initial;
-      font-size: 14px
+      font-size: 14px;
     }
   }
 
+  th,
   td {
-    vertical-align: middle;
+    padding: 0.75rem;
+    border-top: 1px solid #dee2e6;
   }
 
   caption {
     caption-side: top;
-    font-size: 15px;
     font-weight: $font-semibold;
     color: pvar(--mainForegroundColor);
   }
-}
-
 
+  .plugin,
+  .theme {
+    &:not(:last-child)::after {
+      content: '•';
+    }
+  }
+}