Small style fixes

_includes/layouts/default.tsx

@@ -38,7 +38,10 @@ export default ({
           <a
             className="ps-page--section-link"
             href="#de"
-          >Deutsche übersetzung unten</a>
+          >
+            Deutsche übersetzung unten
+            <span className="ps-page--section-link-icon">▼</span>
+          </a>
 
           <div
             dangerouslySetInnerHTML={{ __html: md(content.en) }}
@@ -56,7 +59,10 @@ export default ({
           <a
             className="ps-page--section-link"
             href="#en"
-          >English translation above</a>
+          >
+            English translation above 
+            <span className="ps-page--section-link-icon">▲</span>
+          </a>
 
           <div
             dangerouslySetInnerHTML={{ __html: md(content.de) }}

style.css

@@ -203,14 +203,23 @@ html {
   background-color: var(--background);
   padding: 1rem;
   display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  text-align: right;
+  padding-left: 132px
 }
 
 @media screen and (min-width: 1200px) {
   .ps-page--section-link {
     display: none;
+    border-bottom: 0;
   }
 }
 
+.ps-page--section-link-icon {
+  margin-left: 8px;
+}
+
 .ps-footer {
   display: flex;
   margin-top: auto;
@@ -310,9 +319,9 @@ html {
   text-decoration: none;
   text-align: center;
   font-weight: 900;
-  font-size: 2rem;
+  font-size: 24px;
+  padding: 8px;
   line-height: 1em;
-  padding: 0.4vw;
   text-shadow: 0.15vw 0px 0px white;
   transition: text-shadow 0.1s ease;
   border: 12px solid black;
@@ -323,3 +332,10 @@ html {
 .ps-homelink:hover {
   text-shadow: 0.3vw 0px 0px var(--accent);
 }
+
+@media screen and (min-width: 1200px) {
+  .ps-homelink {
+    font-size: 32px;
+    padding: 12px;
+  }
+}