From 1e353806b740d0441b1addc893ba11a4fde77853 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Thu, 10 Apr 2025 19:07:16 +0400
Subject: [PATCH] fix tag color on hover

---
 css/video-page.css | 54 +++++++++++++++++++++++-----------------------
 1 file changed, 27 insertions(+), 27 deletions(-)

diff --git a/css/video-page.css b/css/video-page.css
index 5b45131..bf83ff8 100644
--- a/css/video-page.css
+++ b/css/video-page.css
@@ -468,7 +468,7 @@
 
 .tag:hover {
     background-color: #e0e0e0;
-    color: var(--primary-red);
+    color: white;
     transform: translateY(-2px);
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
@@ -886,26 +886,26 @@
         display: flex;
         flex-direction: column;
     }
-    
+
     .video-content {
         grid-column: 1;
         width: 100%;
         order: 2;
     }
-    
+
     .video-suggestions {
         grid-column: 1;
         margin-top: 20px;
         width: 100%;
         order: 3;
     }
-    
+
     .suggestion-list {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 15px;
     }
-    
+
     .video-player-container {
         max-width: 100%;
         width: 100%;
@@ -917,36 +917,36 @@
     .video-player-container {
         margin-bottom: 15px;
     }
-    
+
     .video-player {
         border-radius: 0;
     }
-    
+
     .video-player iframe {
         border-radius: 0;
     }
-    
+
     .video-info {
         flex-direction: column;
         align-items: flex-start;
     }
-    
+
     .video-metadata {
         width: 100%;
         margin-bottom: 10px;
     }
-    
+
     .video-actions {
         width: 100%;
         justify-content: space-between;
         flex-wrap: wrap;
     }
-    
+
     .action-button {
         padding: 0.5rem;
         min-width: 70px;
     }
-    
+
     .suggestion-list {
         grid-template-columns: 1fr;
     }
@@ -957,61 +957,61 @@
         grid-template-columns: 1fr;
         padding: 0;
     }
-    
+
     .video-player-container {
         margin-bottom: 1rem;
     }
-    
-    .video-content, 
+
+    .video-content,
     .video-suggestions {
         padding: 1rem;
     }
-    
+
     .video-title {
         font-size: 1.25rem;
     }
-    
+
     .video-actions {
         justify-content: flex-start;
     }
-    
+
     .action-button {
         padding: 0.4rem 0.6rem;
         min-width: auto;
         gap: 0.3rem;
     }
-    
+
     .video-views, .video-date {
         font-size: 0.75rem;
     }
-    
+
     .comment {
         flex-direction: column;
     }
-    
+
     .comment-avatar {
         margin-bottom: 0.75rem;
     }
-    
+
     .suggested-video {
         flex-direction: column;
     }
-    
+
     .suggested-video-thumbnail {
         width: 100%;
     }
-    
+
     .suggested-video-title {
         font-size: 0.9375rem;
     }
-    
+
     /* Licence responsive */
     .licence-info {
         flex-direction: column;
         align-items: flex-start;
         gap: 0.5rem;
     }
-    
+
     .licence-logo {
         height: 28px;
     }
@@ -1215,7 +1215,7 @@
     .modal-content {
         max-width: 100%;
     }
-    
+
     .download-option {
         padding: 10px;
     }