From cf993d11dd955401813dfecb472ede9b5e768a45 Mon Sep 17 00:00:00 2001
From: Linus Groh <mail@linusgroh.de>
Date: Sat, 28 Sep 2019 19:16:29 +0100
Subject: [PATCH] Update information modal

---
 src/App.vue           | 16 ++++++++++++----
 src/styles/_base.scss | 19 +++++++++++++++++++
 2 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 1d76705..0c233e5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,26 +8,32 @@
       Not implemented.
     </modal>
     <modal name="information" adaptive>
-      <ul>
+      <ul class="info-list">
         <li>
+          <GithubIcon size="1x" />
           <a href="https://github.com/owntracks/frontend">
             owntracks/frontend
           </a>
           ({{ frontendVersion }})
         </li>
         <li>
+          <GithubIcon size="1x" />
           <a href="https://github.com/owntracks/recorder">
             owntracks/recorder
           </a>
           ({{ recorderVersion }})
         </li>
         <li>
+          <BookIcon size="1x" />
           <a href="https://owntracks.org/booklet/">
-            OwnTracks Recorder Documentation
+            OwnTracks Documentation
           </a>
         </li>
         <li>
-          <a href="https://twitter.com/OwnTracks">@OwnTracks</a>
+          <TwitterIcon size="1x" />
+          <a href="https://twitter.com/OwnTracks">
+            OwnTracks on Twitter
+          </a>
         </li>
       </ul>
     </modal>
@@ -36,12 +42,14 @@
 
 <script>
 import { mapActions, mapState } from "vuex";
+import { BookIcon, GithubIcon, TwitterIcon } from "vue-feather-icons";
 
 import config from "@/config";
 import * as types from "@/store/mutation-types";
 import AppHeader from "@/components/AppHeader";
+
 export default {
-  components: { AppHeader },
+  components: { BookIcon, GithubIcon, TwitterIcon, AppHeader },
   created() {
     document.documentElement.style.setProperty(
       "--color-primary",
diff --git a/src/styles/_base.scss b/src/styles/_base.scss
index 094c769..ff9c4b1 100644
--- a/src/styles/_base.scss
+++ b/src/styles/_base.scss
@@ -79,6 +79,25 @@ ul {
     flex: 1;
     position: relative;
   }
+
+  ul.info-list {
+    list-style: none;
+
+    li {
+      .feather {
+        margin-right: 10px;
+      }
+
+      a {
+        font-weight: bold;
+        text-decoration: none;
+      }
+
+      & + li {
+        margin-top: 20px;
+      }
+    }
+  }
 }
 
 .button,