add opacity toggler for desktop

locale/en.json

@@ -23,7 +23,7 @@
     },
     "Results": {
         "query": "Search results for: {{ query }}",
-        "toggle": "Show preview",
+        "toggle": "Toggle opacity",
         "noData": "No videos found :("
     }
 }

locale/it.json

@@ -23,7 +23,7 @@
     },
     "Results": {
         "query": "Risultati della ricerca per: {{ query }}",
-        "toggle": "Mostra anteprime risultati",
+        "toggle": "Attiva/disattiva opacità",
         "noData": "Nessun video trovato :("
     }
 }

src/components/Layout/Results/Wrapper/Toggle/Toggle.module.scss

@@ -1,4 +1,5 @@
 @import 'breakpoints';
+@import 'fontsize';
 
 .toggleContainer {
     display: flex;
@@ -11,7 +12,7 @@
         border-color: var(--primary-focus);
     }
 
-    @media only screen and (min-width: $tablet) {
-        display: none;
+    .label {
+        font-size: $font-size-medium;
     }
 }