fix reducing menu on video page

video.php

@@ -108,51 +108,51 @@ if (empty($videoData) || isset($videoData['error'])) {
         </a>
         
         <nav class="sidebar-nav">
-            <a href="index.php" class="nav-item">
-                <i class="fas fa-home"></i> Accueil
+            <a href="index.php" class="nav-item" data-title="Accueil">
+                <i class="fas fa-home"></i> <span>Accueil</span>
             </a>
-            <a href="#" class="nav-item">
-                <i class="fas fa-broadcast-tower"></i> Direct
+            <a href="#" class="nav-item" data-title="Direct">
+                <i class="fas fa-broadcast-tower"></i> <span>Direct</span>
             </a>
             
             <div class="nav-divider"></div>
             
-            <a href="#" class="nav-item">
-                <i class="fas fa-compass"></i> Explorer
+            <a href="#" class="nav-item" data-title="Explorer">
+                <i class="fas fa-compass"></i> <span>Explorer</span>
             </a>
-            <a href="#" class="nav-item">
-                <i class="fas fa-globe"></i> Actualité
+            <a href="#" class="nav-item" data-title="Actualité">
+                <i class="fas fa-globe"></i> <span>Actualité</span>
             </a>
-            <a href="#" class="nav-item">
-                <i class="fas fa-music"></i> Musique
+            <a href="#" class="nav-item" data-title="Musique">
+                <i class="fas fa-music"></i> <span>Musique</span>
             </a>
-            <a href="#" class="nav-item">
-                <i class="fas fa-monument"></i> Histoire
+            <a href="#" class="nav-item" data-title="Histoire">
+                <i class="fas fa-monument"></i> <span>Histoire</span>
             </a>
-            <a href="#" class="nav-item">
-                <i class="fas fa-running"></i> Sport
+            <a href="#" class="nav-item" data-title="Sport">
+                <i class="fas fa-running"></i> <span>Sport</span>
             </a>
             
             <div class="nav-divider"></div>
             
             <div class="category-title">
-                <i class="fas fa-hashtag"></i> Hashtags
+                <i class="fas fa-hashtag"></i> <span>Hashtags</span>
             </div>
             
-            <a href="#" class="tag-item">
-                <div class="tag-dot"></div> Interview
+            <a href="#" class="tag-item" data-title="Interview">
+                <div class="tag-dot"></div> <span>Interview</span>
             </a>
-            <a href="#" class="tag-item">
-                <div class="tag-dot"></div> Conférence
+            <a href="#" class="tag-item" data-title="Conférence">
+                <div class="tag-dot"></div> <span>Conférence</span>
             </a>
-            <a href="#" class="tag-item">
-                <div class="tag-dot"></div> Colonialisme
+            <a href="#" class="tag-item" data-title="Colonialisme">
+                <div class="tag-dot"></div> <span>Colonialisme</span>
             </a>
-            <a href="#" class="tag-item">
-                <div class="tag-dot"></div> La Réunion
+            <a href="#" class="tag-item" data-title="La Réunion">
+                <div class="tag-dot"></div> <span>La Réunion</span>
             </a>
-            <a href="#" class="tag-item">
-                <div class="tag-dot"></div> Afrique
+            <a href="#" class="tag-item" data-title="Afrique">
+                <div class="tag-dot"></div> <span>Afrique</span>
             </a>
         </nav>
     </div>