feat: Remove CSS properties for video thumbnail hover effect

fix: Update metadata info class in made.js file

Author: Simatwa

frontend/css/style.css

@@ -2155,13 +2155,11 @@ a.video-thumbnail span:hover {
 }
 
 .metadata-info {
-    /*
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     word-wrap: break-word;
     display: inline-block;
-    */
     max-width: 70%;
 }
 

frontend/themes/js/made.js

@@ -360,7 +360,7 @@ function renderVideoMetadata(video_metadata) {
     </div>
     <div class="w3-container w3-hide-large w3-hide-medium video-tags-container w3-tooltip">
         ${htmlVideoTags}
-        <i class="w3-tag w3-text" data-translate="categories_note">${translation.categories_note}</i>
+        <i class="w3-tag w3-text metadata-info" data-translate="categories_note">${translation.categories_note}</i>
     </div>
     <div class="clearfix">
     </div>