Improve accessibility

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-video-miniature / video-filters-header.component.scss

diff --git a/client/src/app/shared/shared-video-miniature/video-filters-header.component.scss b/client/src/app/shared/shared-video-miniature/video-filters-header.component.scss
index 8cb1ff5b86bee48e6f2af73d48d6c853d7dab943..c65895a516f136c7dd1caf3c519686f7d0552d29 100644 (file)
--- a/client/src/app/shared/shared-video-miniature/video-filters-header.component.scss
+++ b/client/src/app/shared/shared-video-miniature/video-filters-header.component.scss
@@ -3,7 +3,6 @@
 
 .root {
   margin-bottom: 45px;
-  font-size: 15px;
 }
 
 .first-row {
@@ -49,9 +48,12 @@
 
   border-radius: 24px;
   padding: 4px 15px;
-  font-size: 16px;
   margin-bottom: 15px;
   cursor: pointer;
+
+  &:focus-visible {
+    outline: pvar(--mainColor) auto 1px;
+  }
 }
 
 .filters-toggle {
@@ -101,7 +103,7 @@
 }
 
 .sort {
-  min-width: 200px;
+  min-width: 250px;
   max-width: 300px;
   height: min-content;