From 3f678c048f7fc3a6a52cb678bca3a5edb4146df7 Mon Sep 17 00:00:00 2001
From: squidfunk <martin.donath@squidfunk.com>
Date: Tue, 10 Mar 2020 12:10:53 +0100
Subject: [PATCH] Visual formatting

---
 README.md                                             |  2 +-
 src/assets/javascripts/browser/element/size/index.ts  |  3 ++-
 src/assets/javascripts/index.ts                       |  5 +----
 src/assets/stylesheets/extensions/_footnotes.scss     | 10 ----------
 src/assets/stylesheets/extensions/pymdown/_emoji.scss |  4 ++--
 5 files changed, 6 insertions(+), 18 deletions(-)

diff --git a/README.md b/README.md
index 54a758421..a4484ec56 100644
--- a/README.md
+++ b/README.md
@@ -34,7 +34,7 @@ Install the latest version of Material with `pip`:
 pip install mkdocs-material
 ```
 
-Append the following line to your project's `mkdocs.yml`:
+Add the following line to `mkdocs.yml`:
 
 ``` yaml
 theme:
diff --git a/src/assets/javascripts/browser/element/size/index.ts b/src/assets/javascripts/browser/element/size/index.ts
index 70111fbee..80cb93e5a 100644
--- a/src/assets/javascripts/browser/element/size/index.ts
+++ b/src/assets/javascripts/browser/element/size/index.ts
@@ -20,6 +20,7 @@
  * IN THE SOFTWARE.
  */
 
+import ResizeObserver from "resize-observer-polyfill"
 import { Observable, fromEventPattern } from "rxjs"
 import { shareReplay, startWith } from "rxjs/operators"
 
@@ -70,7 +71,7 @@ export function watchElementSize(
       width:  Math.round(contentRect.width),
       height: Math.round(contentRect.height)
     }))
-      .observe(el, { box: "border-box" }) // TODO: centralize, .observe and .unobserve
+      .observe(el)
   })
     .pipe(
       startWith(getElementSize(el)),
diff --git a/src/assets/javascripts/index.ts b/src/assets/javascripts/index.ts
index 9ca54cfa2..2140bd73a 100644
--- a/src/assets/javascripts/index.ts
+++ b/src/assets/javascripts/index.ts
@@ -26,8 +26,6 @@
 import "../stylesheets/main.scss"
 import "../stylesheets/palette.scss"
 
-import "resize-observer-polyfill"
-
 import { values } from "ramda"
 import {
   merge,
@@ -46,8 +44,7 @@ import {
   observeOn,
   take,
   shareReplay,
-  share,
-  skip
+  share
 } from "rxjs/operators"
 
 import {
diff --git a/src/assets/stylesheets/extensions/_footnotes.scss b/src/assets/stylesheets/extensions/_footnotes.scss
index 5d8715f38..a9591c1f6 100644
--- a/src/assets/stylesheets/extensions/_footnotes.scss
+++ b/src/assets/stylesheets/extensions/_footnotes.scss
@@ -108,16 +108,6 @@
   .footnote-ref {
     display: inline-block;
     pointer-events: initial;
-
-    // Render a thin line before footnote
-    &::before {
-      display: inline;
-      margin: 0 0.2em;
-      font-size: 1.25em;
-      vertical-align: px2rem(-5px);
-      border-left: px2rem(1px) solid var(--md-default-fg-color--lighter);
-      content: "";
-    }
   }
 
   // Footnote back reference
diff --git a/src/assets/stylesheets/extensions/pymdown/_emoji.scss b/src/assets/stylesheets/extensions/pymdown/_emoji.scss
index 47a87f43c..9fc058d22 100644
--- a/src/assets/stylesheets/extensions/pymdown/_emoji.scss
+++ b/src/assets/stylesheets/extensions/pymdown/_emoji.scss
@@ -31,7 +31,7 @@
   .emojione,
   .twemoji,
   .gemoji {
-    width: px2rem(20px);
-    vertical-align: text-bottom;
+    width: px2em(18px);
+    vertical-align: -15%;
   }
 }