1 files changed, 44 insertions, 6 deletions

diff --git a/docs/pkgdown.css b/docs/pkgdown.css
index 181fe639..6ca2f37a 100644
--- a/docs/pkgdown.css
+++ b/docs/pkgdown.css
@@ -1,13 +1,32 @@
-/* Sticker footer */
+/* Sticky footer */
+
+/**
+ * Basic idea: https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/
+ * Details: https://github.com/philipwalton/solved-by-flexbox/blob/master/assets/css/components/site.css
+ *
+ * .Site -> body > .container
+ * .Site-content -> body > .container .row
+ * .footer -> footer
+ *
+ * Key idea seems to be to ensure that .container and __all its parents__
+ * have height set to 100%
+ *
+ */
+
+html, body {
+  height: 100%;
+}
+
 body > .container {
   display: flex;
-  padding-top: 60px;
-  min-height: calc(100vh);
+  height: 100%;
   flex-direction: column;
+
+  padding-top: 60px;
 }
 
 body > .container .row {
-  flex: 1;
+  flex: 1 0 auto;
 }
 
 footer {
@@ -16,6 +35,7 @@ footer {
   border-top: 1px solid #e5e5e5;
   color: #666;
   display: flex;
+  flex-shrink: 0;
 }
 footer p {
   margin-bottom: 0;
@@ -38,6 +58,12 @@ img {
   max-width: 100%;
 }
 
+/* Typographic tweaking ---------------------------------*/
+
+.contents h1.page-header {
+  margin-top: calc(-60px + 1em);
+}
+
 /* Section anchors ---------------------------------*/
 
 a.anchor {
@@ -68,7 +94,7 @@ a.anchor {
 
 .contents h1, .contents h2, .contents h3, .contents h4 {
   padding-top: 60px;
-  margin-top: -60px;
+  margin-top: -40px;
 }
 
 /* Static header placement on mobile devices */
@@ -108,7 +134,6 @@ a.anchor {
 /* Reference index & topics ----------------------------------------------- */
 
 .ref-index th {font-weight: normal;}
-.ref-index h2 {font-size: 20px;}
 
 .ref-index td {vertical-align: top;}
 .ref-index .alias {width: 40%;}
@@ -192,3 +217,16 @@ a.sourceLine:hover {
 .hasCopyButton:hover button.btn-copy-ex {
   visibility: visible;
 }
+
+/* mark.js ----------------------------*/
+
+mark {
+  background-color: rgba(255, 255, 51, 0.5);
+  border-bottom: 2px solid rgba(255, 153, 51, 0.3);
+  padding: 1px;
+}
+
+/* vertical spacing after htmlwidgets */
+.html-widget {
+  margin-bottom: 10px;
+}