Fix layout of links above content and fix #109

Author: danielhjacobs

assets/title.scss

@@ -83,7 +83,6 @@ table.table-dark th {
 }
 
 .section.splash ul {
-  background-color: var(--ruffle-blue);
   margin: 0;
   padding: 0;
   max-width: 100%;
@@ -99,6 +98,11 @@ table.table-dark th {
   padding: 10px 6vw;
 }
 
+.section.splash ul li a {
+    min-width: 85px;
+    display: inline-block;
+}
+
 .section.content {
   font-size: 1rem;
   padding-left: 8vw;
@@ -443,6 +447,10 @@ a.store-badge {
   .github-corner .octo-arm {
       animation: octocat-wave 560ms ease-in-out
   }
+
+  .desktop-menu-option {
+      display: none;
+  }
 }
 
 @keyframes progressBar {

index.html

@@ -38,9 +38,9 @@
 			</p>
 
 			<ul>
-				<li><a href="#what-is-ruffle">Read more</a></li>
-				<li style="visibility: hidden;">Demo</li>
-				<li style="position: absolute;"><a href="https://ruffle.rs/demo/">Demo</a></li>
+				<li class="desktop-menu-option"><a href="#what-is-ruffle">Read more</a></li>
+				<li class="desktop-menu-option"><a href="https://github.com/ruffle-rs/ruffle/wiki" target="_blank">Wiki</a></li>
+				<li><a href="https://ruffle.rs/demo/">Demo</a></li>
 				<li><a href="https://discord.gg/ruffle" target="_blank">Discord</a></li>
 			</ul>
 			<a class="header-down-arrow" href="#what-is-ruffle">