[ext] fix: rate buttons are not smaller on small resolutions (tournes…

…ol-app#1390) Co-authored-by: abhiram11 <[email protected]>
tbrnd · Mar 2, 2023 · 34c1fd6 · 34c1fd6
1 parent 8f1bb9b
commit 34c1fd6
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 1 deletion.
diff --git a/browser-extension/src/addRateButtons.css b/browser-extension/src/addRateButtons.css
@@ -37,3 +37,31 @@ img.tournesol-button-image.tournesol-rate-later {
   margin-left: -10px;
   margin-right: 2px;
 }
+
+@media (min-width: 656px) and (max-width: 990px) {
+  button.tournesol-rate-button {
+    font-size: 0;
+  }
+
+  img.tournesol-button-image {
+    margin: 0;
+  }
+
+  img.tournesol-button-image.tournesol-rate-later {
+    margin: 0;
+  }
+}
+
+@media (min-width: 1017px) and (max-width: 1366px) {
+  button.tournesol-rate-button {
+    font-size: 0;
+  }
+
+  img.tournesol-button-image {
+    margin: 0;
+  }
+
+  img.tournesol-button-image.tournesol-rate-later {
+    margin: 0;
+  }
+}
diff --git a/browser-extension/src/manifest.json b/browser-extension/src/manifest.json
@@ -1,6 +1,6 @@
 {
   "name": "Tournesol Extension",
-  "version": "2.5.1",
+  "version": "2.5.2",
   "description": "Open Tournesol directly from Youtube",
   "permissions": [
     "https://tournesol.app/",