fix doc layout for new ui

Author: bishabosha

project/resources/referenceReplacements/_layouts/static-site-main.html

@@ -2,59 +2,36 @@
 layout: main
 ---
 
-<div class="container">
-  <div id="site-header">
-    <div class="wrap">
-      <nav class="navigation" role="menu">
-        <ul class="navigation-menu">
-          <li class="navigation-menu-item">
-            <a href="https://docs.scala-lang.org/" class="active">Learn</a>
-          </li>
-          <li class="navigation-menu-item">
-            <a href="https://www.scala-lang.org/download/">Install</a>
-          </li>
-          <li class="navigation-menu-item">
-            <a href="https://scastie.scala-lang.org">Playground</a>
-          </li>
-          <li class="navigation-menu-item">
-            <a href="https://index.scala-lang.org">Find A Library</a>
-          </li>
-          <li class="navigation-menu-item">
-            <a href="https://www.scala-lang.org/community/">Community</a>
-          </li>
-          <li class="navigation-menu-item">
-            <a href="https://www.scala-lang.org/blog/">Blog</a>
-          </li>
-        </ul>
-      </nav>
-    </div>
-  </div>
+<div class="site-container">
+  <div id="site-header"></div>
   {{ content }}
-  <nav class="arrows-wrapper" aria-label="Page navigation">
+  <div class="divider" />
+  <nav class="arrow-navigation" aria-label="Page navigation">
     {% if page.previous %}
-    <a
-      rel="prev"
-      href="{{ page.previous.url }}"
-      class="arrows previous"
-      aria-keyshortcuts="Left"
-    >
-      <span>{{ page.previous.title }}</span>
-      <i class="fa fa-angle-left"></i>
-    </a>
+    <div>
+      <span class="body-small">Previous</span>
+      <a rel="prev" href="{{ page.previous.url }}" aria-keyshortcuts="Left" class="body-medium">
+        <span class="body-medium">{{ page.previous.title }}</span>
+      </a>
+    </div>
     {% endif %} {% if page.next %}
-    <a
-      rel="next"
-      href="{{ page.next.url }}"
-      class="arrows next"
-      aria-keyshortcuts="Right"
-    >
-      <span>{{ page.next.title }}</span>
-      <i class="fa fa-angle-right"></i>
-    </a>
+    <div>
+      <span class="body-small">Next</span>
+      <a rel="next" href="{{ page.next.url }}" aria-keyshortcuts="Right" class="body-medium">
+        <span class="body-medium">{{ page.next.title }}</span>
+      </a>
+    </div>
     {% endif %}
   </nav>
   <div class="content-contributors hidden">
     <h1 class="h200">Contributors to this page</h1>
     <div id="documentation-contributors" class="contributors-container"></div>
+    {% if urls.editSource %}
+    <div class="github-edit-button">
+      <a class="text-button with-link body-small" href="{{ urls.editSource }}">
+        Edit this page on GitHub
+      </a>
+    </div>
+    {% endif %}
   </div>
 </div>