2 files changed, 10 insertions, 24 deletions
diff --git a/assets/css/jekyll-theme/fix_bootstrap.css b/assets/css/jekyll-theme/fix_bootstrap.css
index 03100b3..e6a0d4a 100644
--- a/assets/css/jekyll-theme/fix_bootstrap.css
+++ b/assets/css/jekyll-theme/fix_bootstrap.css
@@ -41,3 +41,13 @@ pre code {
 .list-group-item-heading:last-child {
   margin-bottom: 0;
 }
+/*
+ * <pre> elements lose horizontal scrollbars on narrow displays (< 768px).
+ * Why? I don't know, but this guy does: https://stackoverflow.com/a/35423965/514684
+ */
+.container {
+  max-width: 100%;
+}
+pre {
+  position: relative;
+}
diff --git a/assets/css/jekyll-theme/footer.css b/assets/css/jekyll-theme/footer.css
index 1e05c57..4f14c0e 100644
--- a/assets/css/jekyll-theme/footer.css
+++ b/assets/css/jekyll-theme/footer.css
@@ -1,27 +1,3 @@
-html, body {
-  height: 100%;
-  width: 100%;
-}
-.top-level-footer-wrapper {
-  height: 100%;
-  width: 100%;
-  display: table;
-
-  /*
-   * Without this property, scrollbars inside <pre> elements don't work if
-   * display's width is less than 750px.
-   * God, I hate CSS.
-   */
-  table-layout: fixed;
-}
-.footer-wrapper-collapse {
-  display: table-row;
-  height: 1px;
-}
-.footer-wrapper-expand {
-  display: table-row;
-  height: auto;
-}
 footer {
   margin-top: 20px;
   padding: 15px 0 15px;