Merge pull request #734 from dhruvmisra/fix/labyrinthButtons

[Issue #733 fix] Made Labyrinth font buttons visible on small screens
llaske · Mar 27, 2020 · 524a82c · 524a82c
2 parents 81eff5e + 88bb95b
commit 524a82c
Showing 1 changed file with 20 additions and 16 deletions.
diff --git a/activities/LabyrinthJS.activity/css/activity.css b/activities/LabyrinthJS.activity/css/activity.css
@@ -354,25 +354,13 @@ body {
    visibility: hidden;
    width: 0px;
  }
-
- #sub-toolbar #fontminus-button {
-   visibility: hidden;
- }
-
- #sub-toolbar #font-button {
-   visibility: hidden;
- }
-
  #fontpalette {
-   left: 0px !important;
- }
-
- #sub-toolbar #fontplus-button {
-   visibility: hidden;
- }
+    left: initial !important;
+    right: 0px !important;
+  }
 }
 
-@media screen and (max-width: 810px) {
+@media screen and (max-width: 820px) {
  .search-field-input {
   width: 120px;
  }
@@ -394,6 +382,22 @@ body {
         visibility: hidden;
         width: 0px;
     }
+
+    #sub-toolbar #fontminus-button {
+      display: none;
+    }
+
+    #sub-toolbar #font-button {
+      display: none;
+    }
+
+    #fontpalette {
+      left: 0px !important;
+    }
+
+    #sub-toolbar #fontplus-button {
+      display: none;
+    }
 }
 
 @media screen and (max-width: 682px) {