fix footer link Refs: #318

Author: fdiblen

src/components/Footer.vue

@@ -1,10 +1,12 @@
 <template>
-    <a
-        href="https://esciencecenter.nl"
-        target="_blank"
-    >
-        <img src="~assets/nlesc-logo.svg">
-    </a>
+    <div id="logo">
+        <a
+            href="https://esciencecenter.nl"
+            target="_blank"
+        >
+            <img src="~assets/nlesc-logo.svg">
+        </a>
+    </div>
 </template>
 
 <script lang="ts">

src/css/app.css

@@ -91,7 +91,7 @@ body {
     min-height: 80px;
 }
 #preview {
-    background-color: var(--fgcolor,limegreen);
+    background-color: var(--fgcolor, limegreen);
     display: flex;
     flex-direction: column;
     flex-grow: 0.5;
@@ -108,7 +108,7 @@ body {
     display: flex;
     flex-direction: column;
     flex-grow: 1;
-    max-height:720px;
+    max-height: 720px;
     min-height: 300px;
 }
 #preview-button-bar {
@@ -137,59 +137,66 @@ body {
     padding-right: 10px;
     width: 1900px;
 }
-
+#logo {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    padding-left: 16px;
+    width: 245px;
+}
 
 @font-face {
-    font-family: 'Roboto';
-    src: url('./fonts/Roboto/Roboto-Regular.ttf');
+    font-family: "Roboto";
+    src: url("./fonts/Roboto/Roboto-Regular.ttf");
 }
 
 @font-face {
-    font-family: 'Roboto Condensed';
-    src: url('./fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf');
+    font-family: "Roboto Condensed";
+    src: url("./fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf");
 }
 
 @font-face {
-    font-family: 'Roboto Mono';
-    src: url('./fonts/Roboto_Mono/static/RobotoMono-Regular.ttf');
+    font-family: "Roboto Mono";
+    src: url("./fonts/Roboto_Mono/static/RobotoMono-Regular.ttf");
 }
 
-
-p, body {
-    font-family: 'Roboto Condensed', sans-serif;
+p,
+body {
+    font-family: "Roboto Condensed", sans-serif;
 }
 
-.page-title, .finish-title {
-    font-family: 'Roboto', sans-serif;
+.page-title,
+.finish-title {
+    font-family: "Roboto", sans-serif;
     color: #333;
     font-size: 1.4rem;
     font-weight: 400;
     margin-top: 10px;
     margin-bottom: 60px;
 }
 .question {
-    font-family: 'Roboto Condensed', sans-serif;
+    font-family: "Roboto Condensed", sans-serif;
     color: #333;
     font-size: 1.1rem;
     font-weight: 400;
     margin-top: 12px;
     margin-bottom: 7px;
 }
 .finish-paragraph {
-    font-family: 'Roboto Condensed', sans-serif;
+    font-family: "Roboto Condensed", sans-serif;
     color: #333;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.7;
     letter-spacing: normal;
 }
 
-pre, .mono {
-    font-family: 'Roboto Mono', sans-serif;
+pre,
+.mono {
+    font-family: "Roboto Mono", sans-serif;
 }
 
-
 .red-border {
-    border-color: #C10015;
+    border-color: #c10015;
     border-width: 2px;
 }