Responsive style fixes on poping-notice.

lib/Peertube/DL/public/css/index.css

@@ -8,7 +8,7 @@ a {
     color: blue;
 }
 
-a:hover {
+a:hover,a:focus {
     text-decoration: underline;
 }
 
@@ -40,7 +40,7 @@ a:hover {
     border: 1px solid black;
 }
 
-#close-and-reset-video-container:hover {
+#close-and-reset-video-container:hover:#close-and-reset-video-container:focus {
     background: black;
     color: white;
 }
@@ -168,20 +168,17 @@ h2 {
     border-radius: 50%;
     background: #0f0;
     color: black;
+	text-decoration: none;
 }
 
-#close-poping-notice:hover {
+#close-poping-notice:hover,#close-poping-notice:focus {
     background: black;
     color: white;
 }
 
-@media screen and min-width(750px) {
-    #poping-notice {
-        width: auto;
-        height: auto;
-    }
-
-    #poping-notice-container-bar {
-        justify-content: right;
-    }
+@media (min-width: 668px) {
+	#poping-notice {
+		width: 629px;
+	}
 }
+

lib/Peertube/DL/public/index.html

@@ -44,7 +44,7 @@
         encouraged to frecuently delete your browser cookies to avoid those third parties tracking you on internet, Firefox offers you an
         option to delete cookies as soon as you close the browser which may be a good idea to enable in the orwellian internet of today.</p> 
         <div id="poping-notice-container-bar">
-            <a id="close-poping-notice">X</a>
+            <a id="close-poping-notice" href="#">X</a>
         </div>
     </div>
 </body>