From b453d07cfc1d23e0261bcf7db710972b5a6cdf0f Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@duck.com>
Date: Mon, 14 Nov 2022 21:44:24 +0100
Subject: [PATCH] improve the info panel

- Add Maximum Line width
- Add auto wrap

Signed-off-by: Ashley <iamashley@duck.com>
---
 css/poketube.css | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/css/poketube.css b/css/poketube.css
index 8c17d4b2..7ddf064b 100644
--- a/css/poketube.css
+++ b/css/poketube.css
@@ -42,9 +42,22 @@ a {
   font-stretch: extra-expanded;
 }
 
+.video-info-panel > .video-title > a {
+  white-space: nowrap;
+}
+
+.video-info-panel > .video-title {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  max-width: max-content;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+}
+
 .video-sub-info.description {
   font-weight: 600;
-  margin-top: 8.5em !important;
+  margin-top: 9.5em !important;
   border-radius: 21px;
   background: #1c1c1c;
   padding: 10px;
@@ -114,6 +127,7 @@ a {
   display: block ruby;
   text-overflow: ellipsis;
   max-width: 7em;
+  white-space: nowrap;
 }
 
 .comments-author.owner {