From 801f9d88aed8911042968463304975d82da2f56f Mon Sep 17 00:00:00 2001
From: Krzysztof Romanowski <romanowski.kr@gmail.com>
Date: Tue, 9 Feb 2021 16:00:58 +0100
Subject: [PATCH] Fix footer layouts in doc

---
 docs/_layouts/blog-page.html                       |  4 ++--
 docs/css/dottydoc.css                              | 10 +++++-----
 scaladoc/resources/dotty_res/styles/scalastyle.css | 10 +++++++---
 3 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/docs/_layouts/blog-page.html b/docs/_layouts/blog-page.html
index 62724cd9c443..6baad3d40ed8 100644
--- a/docs/_layouts/blog-page.html
+++ b/docs/_layouts/blog-page.html
@@ -25,11 +25,11 @@ <h1>{{ page.title }}</h1>
 
     {% if page.author and page.authorImg %}
     <hr/>
-    <footer>
+    <div class="blog-author">
         <img id="author-img" src="{{ site.baseurl }}{{ page.authorImg }}">
         <span id="author-signature">
             {{ page.author }}
         </span>
-    </footer>
+    </div>
     {% endif %}
 </main>
diff --git a/docs/css/dottydoc.css b/docs/css/dottydoc.css
index f2ed9045f204..caeb967d6fd1 100644
--- a/docs/css/dottydoc.css
+++ b/docs/css/dottydoc.css
@@ -73,12 +73,12 @@ h5:hover a.anchor:hover {
   color: var(--secondary);
 }
 
-
-/* footer */
-footer {
-  color: grey;
+/* blog footer */
+.blog-author {
+  color: gray;
 }
-footer img#author-img {
+
+.blog-author img#author-img {
   width: auto;
   height: auto;
   max-width:100px;
diff --git a/scaladoc/resources/dotty_res/styles/scalastyle.css b/scaladoc/resources/dotty_res/styles/scalastyle.css
index 4f13b266524f..4b5d8aad873b 100644
--- a/scaladoc/resources/dotty_res/styles/scalastyle.css
+++ b/scaladoc/resources/dotty_res/styles/scalastyle.css
@@ -430,8 +430,9 @@ Same solution is already used in Dokka.
 /* Footer */
 footer {
   display: flex;
+  bottom: 0px;
   align-items: center;
-  position: relative;
+  position: fixed;
   margin-top: 1rem;
   margin-left: var(--side-width);
   width: calc(100% - var(--side-width));
@@ -666,6 +667,10 @@ footer .pull-right {
   margin-right: 5%;
 }
 
+footer {
+  color: grey;
+}
+
 footer .socials {
   margin-left: 10px;
   margin-right: 10px;
@@ -684,8 +689,7 @@ footer .socials {
 }
 
 #generated-by {
-  position: absolute;
-  right: 10px;
+  margin-right: 20px;
   display: flex;
   align-items: center;
 }