Make translations list respect weight of languages

1 files changed, 16 insertions, 14 deletions

diff --git a/assets/_main.scss b/assets/_main.scss
index 30f9160..977abcd 100644
--- a/assets/_main.scss
+++ b/assets/_main.scss
@@ -249,12 +249,23 @@ ul.pagination {
   padding: $padding-16;
   margin: -$padding-16;
 
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    li {
+      white-space: nowrap;
+      cursor: pointer;
+    }
+  }
+
   &:hover,
   &:focus,
   &:focus-within {
     .book-languages-list {
       display: block;
-    }  
+    }
   }
 
   .book-languages-list {
@@ -268,15 +279,12 @@ ul.pagination {
     background: $body-background;
     box-shadow: 0 0 $padding-4 rgba(0, 0, 0, 0.1);
 
-    li {
-      white-space: nowrap;
-    }
-
-    img {
-      opacity: 0.1;
+    li img {
+      opacity: 0.25;
     }
 
-    li.active img {
+    li.active img,
+    li:hover img {
       opacity: 1;
     }
 
@@ -285,12 +293,6 @@ ul.pagination {
       padding: $padding-8 $padding-16;
     }
   }
-
-  ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
 }
 
 .book-home {