Improve miniature & buttons display in my-account-videos list

1 files changed, 22 insertions, 0 deletions

diff --git a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss
index 44545b3e1..f798c50b5 100644
--- a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss
+++ b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss
@@ -24,6 +24,28 @@
   }
 }
 
+::ng-deep {
+  .action-button span {
+    white-space: nowrap;
+  }
+
+  .video-miniature {
+    &.display-as-row {
+      // width: min-content !important;
+      width: 100% !important;
+
+      .video-bottom .video-miniature-information {
+        width: max-content !important;
+        min-width: unset !important;
+      }
+    }
+
+    .video-bottom {
+      max-width: 350px;
+    }
+  }
+}
+
 my-delete-button,
 my-edit-button {
   margin-right: 10px;