fix: :bug: fix styles to work on firefox and chromium

#71

1 files changed, 19 insertions, 16 deletions

diff --git a/static/css/pages/everything.css b/static/css/pages/everything.css
index 2b5544b..1fc4424 100644
--- a/static/css/pages/everything.css
+++ b/static/css/pages/everything.css
@@ -313,35 +313,38 @@ h3 {
 }
 
 @media print {
-  #everything-contents {
+
+  body#page-everything {
+    overflow: visible;
+    float: none;
+    display: inline;
+  }
+
+  aside#everything-contents {
     display: none;
   }
 
-  .navbar {
+  nav.navbar {
     position: unset;
   }
 
   main#everything {
     max-height: unset;
-    overflow: visible !important;
+    overflow: visible;
+    display: inline;
   }
 
-  #everything-lessons {
+  section#everything-lessons {
     max-height: unset;
-    overflow: visible !important;
-
-    h3.chapter-title:not(:first-child) {
-      break-before: always;
-    }
-
-    article.lesson:not(hr.chapter-separator + article.lesson) {
-      break-inside: avoid;
-    }
+    overflow: visible;
+    display: inline;
+  }
 
+  h3.chapter-title:not(:first-child) {
+    break-before: always;
   }
 
-  /* for FireFox */
-  * {
-    overflow: visible !important;
+  article.lesson:not(hr.chapter-separator + article.lesson) {
+    break-inside: avoid;
   }
 }
\ No newline at end of file