From a838f4fcec23ed5eb0a01c1902f3ce8b789dee45 Mon Sep 17 00:00:00 2001
From: Jonas Kuske <30421456+jonaskuske@users.noreply.github.com>
Date: Sat, 30 May 2020 04:35:33 +0200
Subject: [PATCH] refactor: minor cleanup

---
 docs/index.html |  2 +-
 docs/style.css  | 50 ++++++++++++++++++++++++-------------------------
 2 files changed, 25 insertions(+), 27 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 68d9db5..405af55 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -120,7 +120,7 @@
 
     <h2>Installation</h2>
     <div id="installation">
-      <header class="row version-select-snippet">
+      <header class="row" id="link-snippet-headline">
         <h3>Paste this into the <code>&lt;head&gt;</code> of your HTML:</h3>
         <button type="button" id="copy-button">
           <span id="copy-button-feedback" class="emoji"></span>
diff --git a/docs/style.css b/docs/style.css
index a9d31a9..034dd22 100755
--- a/docs/style.css
+++ b/docs/style.css
@@ -6,11 +6,11 @@ html {
   margin-top: 1rem;
 }
 
-.version-select-snippet h3 {
+#link-snippet-headline {
   margin: 1rem 2.5rem 1rem 0;
 }
 
-/* Make the ✔ / ❌ Emoji appear next to the button */
+/* Make the feedback Emoji appear next to the button */
 #copy-button {
   position: relative;
   margin-right: 2px;
@@ -24,6 +24,27 @@ html {
   transform: scale(1.3);
 }
 
+#link-snippet-container {
+  overflow: hidden;
+  display: grid;
+  display: -ms-grid;
+  -ms-grid-columns: 1fr;
+}
+
+#link-snippet-container > pre {
+  overflow: auto;
+  grid-column: 1;
+  grid-row: 1;
+  transition: transform 220ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 220ms;
+}
+
+#link-snippet-container > pre[hidden] {
+  display: block;
+  visibility: hidden;
+  transform: scale(0);
+  transition: transform 220ms cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0ms 220ms;
+}
+
 #theme-form > label:not(:last-of-type) {
   margin-right: 1rem;
 }
@@ -33,9 +54,7 @@ html {
 }
 
 body > footer {
-  display: flex;
-  justify-content: flex-end;
-  align-items: flex-end;
+  text-align: right;
 }
 
 .row {
@@ -64,24 +83,3 @@ body > footer {
     Helvetica Neue,
     sans-serif;
 }
-
-#link-snippet-container {
-  overflow: hidden;
-  display: grid;
-  display: -ms-grid;
-  -ms-grid-columns: 1fr;
-}
-
-#link-snippet-container > pre {
-  overflow: auto;
-  grid-column: 1;
-  grid-row: 1;
-  transition: transform 220ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 220ms;
-}
-
-#link-snippet-container > pre[hidden] {
-  display: block;
-  visibility: hidden;
-  transform: scale(0);
-  transition: transform 220ms cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0ms 220ms;
-}