Add support button in channel page

[github/Chocobozzz/PeerTube.git] / client / src / sass / primeng-custom.scss

diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss
index ed32a7b38e8be75752aec9e8b602055c8f460916..afa5778199bce3f5cccd85c01b235a40f207f713 100644 (file)
--- a/client/src/sass/primeng-custom.scss
+++ b/client/src/sass/primeng-custom.scss
@@ -503,6 +503,10 @@ p-table {
       display: inline-flex;
       align-items: center;
 
+      .left-buttons {
+        padding-left: 15px;
+      }
+
       .input-group-text {
         background-color: transparent;
       }
@@ -512,6 +516,9 @@ p-table {
   th {
     background-color: pvar(--mainBackgroundColor) !important;
     outline: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   td, th {
@@ -556,6 +563,7 @@ p-table {
 
       td {
         border: none !important;
+        white-space: normal !important;
       }
 
       &:first-child td {
@@ -626,8 +634,6 @@ p-table {
 
   .action-cell {
     width: 250px !important;
-    padding: 0 !important;
-    text-align: center;
 
     .dropdown-root,
     my-edit-button,
@@ -636,7 +642,7 @@ p-table {
       display: inline-block !important;
       margin-left: 5px;
 
-      :first-child {
+      &:first-child {
         margin-left: 0
       }
     }
@@ -876,6 +882,7 @@ p-toast {
   .p-toast {
     width: auto;
     max-width: 300px;
+    min-width: 200px;
     z-index: z(notification) !important;
 
     .p-toast-icon-close {
@@ -924,6 +931,7 @@ p-toast {
     .notification-block {
       display: flex;
       align-items: center;
+      width: 100%;
       padding: 10px 20px;
 
       .message {