docs + various polish

quartz/components/styles/footer.scss

@@ -1,6 +1,7 @@
 footer {
   text-align: left;
   margin-bottom: 4rem;
+  opacity: 0.7;
 
   & ul {
     list-style: none;

quartz/components/styles/graph.scss

@@ -1,3 +1,5 @@
+@use "../../styles/variables.scss" as *;
+
 .graph {
   & > h3 {
     font-size: 1rem;
@@ -59,6 +61,10 @@
       transform: translate(-50%, -50%);
       height: 60vh;
       width: 50vw;
+
+      @media all and (max-width: $fullPageWidth) {
+        width: 90%;
+      }
     }
   }
 }

quartz/components/styles/popover.scss

@@ -23,8 +23,8 @@
   & > .popover-inner {
     position: relative;
     width: 30rem;
-    height: 20rem;
-    padding: 0 1rem 1rem 1rem;
+    max-height: 20rem;
+    padding: 0 1rem 2rem 1rem;
     font-weight: initial;
     line-height: normal;
     font-size: initial;

quartz/components/styles/toc.scss

@@ -31,6 +31,10 @@ button#toc {
   max-height: none;
   transition: max-height 0.5s ease;
 
+  &.collapsed > .overflow::after {
+    opacity: 0;
+  }
+
   & ul {
     list-style: none;
     margin: 0.5rem 0;