From 35d175e2d59fc0ba865b21c9a5bf867d1dc46e37 Mon Sep 17 00:00:00 2001
From: ashley <iamashley@duck.com>
Date: Wed, 23 Oct 2024 15:30:08 +0000
Subject: [PATCH] fix css

---
 html/poketube.ejs | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/html/poketube.ejs b/html/poketube.ejs
index beaa6476..8c622b5a 100644
--- a/html/poketube.ejs
+++ b/html/poketube.ejs
@@ -1565,29 +1565,32 @@ WIP!                                                 </a>
 
                       </span>                              
 <style>
+
 .tag-container {
     display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-    justify-content: flex-start;
-    max-height: 100px; 
-    overflow-y: auto;  
-    padding-right: 8px; 
+    gap: 8px; 
+
+    max-height: fit-content; 
+    overflow-x: auto;
+    white-space: nowrap;
+    padding-bottom: 8px; 
+    scrollbar-width: thin; 
 }
 
 .tag {
-    background-color: #444;
-    color: #fff;
-    padding: 6px 10px;
-    border-radius: 15px;
-    font-size: 12px;
+     color: #fff;
+    padding: 8px 16px; 
+    border-radius: 20px;
+    font-size: 14px; 
     font-weight: 500;
-    max-width: 150px;
+    max-width: none; 
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     transition: background-color 0.3s, box-shadow 0.3s;
     cursor: pointer;
+    min-width: -moz-fit-content;
+    min-width: fit-content;
 }
 
 .tag:hover {
@@ -1605,6 +1608,7 @@ WIP!                                                 </a>
     margin-right: 4px;
     color: #bbb;
 }
+
 </style>
      <%  if (Array.isArray(inv_vid?.keywords)) { %>