Footer adjustments. Refactor Gitter button on static site so that it doesn't overlap footer.

Author: pikinier20

docs/css/dottydoc.css

@@ -260,6 +260,20 @@ aside.success {
   }
 }
 
+.gitter-open-chat-button {
+  writing-mode: vertical-lr;
+  text-orientation: upright;
+  right: 0px;
+  bottom: 100px;
+  padding: 0.5em 0.25em 0.5em 0.25em;
+  border-bottom-left-radius: .5em;
+  border-top-right-radius: 0em;
+}
+
+.gitter-open-chat-button.is-collapsed {
+  transform: translateX(120%);
+}
+
 header {
   position: static !important;
   width: 100% !important;

scaladoc/resources/dotty_res/styles/scalastyle.css

@@ -436,6 +436,8 @@ Same solution is already used in Dokka.
 /* Footer */
 footer {
   display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
   bottom: 0px;
   align-items: center;
   position: fixed;
@@ -448,17 +450,7 @@ footer {
 footer span.go-to-top-icon {
   background-color: white;
 }
-footer > span:first-child {
-  margin-left: 24px;
-  padding-left: 0;
-}
-footer > span:last-child {
-  margin-right: 24px;
-  padding-right: 0;
-}
-footer > span {
-  padding: 0 16px;
-}
+
 footer .padded-icon {
   padding-left: 0.5em;
 }
@@ -682,8 +674,6 @@ footer {
 }
 
 footer .socials {
-  margin-left: 10px;
-  margin-right: 10px;
   display: flex;
   align-items: center;
 }
@@ -699,7 +689,6 @@ footer .socials {
 }
 
 #generated-by {
-  margin-right: 20px;
   display: flex;
   align-items: center;
 }
@@ -734,6 +723,14 @@ footer .socials {
   footer > span:last-child {
     margin-right: 12px;
   }
+
+  footer {
+    position: unset;
+  }
+
+  .footer-text {
+    display: none;
+  }
 }
 /* Portrait phones */
 @media(max-width: 576px) {
@@ -790,3 +787,9 @@ footer .socials {
 footer {
   background-color: white;
 }
+
+@media(max-height:640px) {
+  footer {
+    position: unset;
+  }
+}

scaladoc/src/dotty/tools/scaladoc/renderers/HtmlRenderer.scala

@@ -208,7 +208,7 @@ class HtmlRenderer(rootPackage: Member, val members: Map[DRI, Member])(using ctx
 
     def textFooter: String | AppliedTag =
       args.projectFooter.fold("") { f =>
-        div(id := "footer-text")(
+        span(id := "footer-text")(
           raw(f)
         )
       }
@@ -247,15 +247,15 @@ class HtmlRenderer(rootPackage: Member, val members: Map[DRI, Member])(using ctx
           span(cls := "go-to-top-icon")(
             a(href := "#container")(
               span(cls:="icon-vertical_align_top"),
-              raw(" Back to top")
+              span(cls :="footer-text")(raw("Back to top"))
             )
           ),
           div(cls := "socials")(
-            if hasSocialLinks then Seq(raw("Social links ")) else Nil,
+            span(cls := "footer-text")(if hasSocialLinks then Seq(raw("Social links")) else Nil),
             socialLinks(whiteIcon = false)
           ),
           div(id := "generated-by")(
-            raw("Generated by "),
+            span(cls := "footer-text")(raw("Generated by")),
             a(href := "https://github.com/lampepfl/dotty/tree/master/scaladoc")(
               img(
                 src := resolveRoot(link.dri, "images/scaladoc_logo.svg"),