minor UI rearrangements

src/App.vue

@@ -25,22 +25,17 @@ export default {
     return {
       modules_logged_out: [
         { slug: 'home', title: 'Home' },
-        { slug: 'credits', title: 'Credits' },
       ],
       modules_logged_in: [
         { slug: 'home', title: 'Home' },
         { slug: 'shows', title: 'Shows' },
         { slug: 'files', title: 'Files & Playlists' },
-        { slug: 'settings', title: 'Settings' },
-        { slug: 'credits', title: 'Credits' },
       ],
       modules_logged_in_superuser : [
         { slug: 'home', title: 'Home' },
         { slug: 'shows', title: 'Shows' },
         { slug: 'files', title: 'Files & Playlists' },
         { slug: 'emissions', title: 'Emissions' },
-        { slug: 'settings', title: 'Settings' },
-        { slug: 'credits', title: 'Credits' },
       ],
     }
   },
@@ -74,8 +69,13 @@ export default {
 </script>
 
 <style>
+html, body, #app {
+  height: 100%;
+}
 #app {
   color: #2e3436;
+  display: flex;
+  flex-direction: column;
 }
 /*
 #app .content-width {

src/components/Footer.vue

@@ -3,7 +3,11 @@
     <b-container>
       <b-row>
         <b-col>
-          AURA/<b>dashboard v0.0.42</b>
+          AURA/<b>dashboard v0.0.42</b> |
+          <router-link to="/credits">
+            Credits
+          </router-link> |
+          ...
         </b-col>
         <b-col align="right">
           All the UI you need to run a community radio ... almost ... working on it!
@@ -18,14 +22,7 @@ export default {
 }
 </script>
 
-<style>
-html, body, #app {
-  height: 100%;
-}
-#app {
-  display: flex;
-  flex-direction: column;
-}
+<style scoped>
 footer {
   background-color: #343a40;
   border-top: 1px solid #2e3436;
@@ -33,4 +30,8 @@ footer {
   width: 100%;
   margin-top: auto;
 }
+
+a {
+  color: #c09;
+}
 </style>

src/components/Header.vue

@@ -65,7 +65,7 @@
                 <template slot="button-content">
                   <em>{{ user.name }}</em>
                 </template>
-                <b-dropdown-item href="#">
+                <b-dropdown-item to="settings">
                   Settings
                 </b-dropdown-item>
                 <b-dropdown-item href="#">
@@ -116,8 +116,8 @@ export default {
 
 <style scoped>
 header > div:first-child {
-  background: #5029C4; /* for browsers that don't support gradients */
-  background: linear-gradient(#5029C4, #343a40); /* dashboard violet to bootstrap dark navbar */
+  background: #343a40; /* for browsers that don't support gradients */
+  background: linear-gradient(#000, #343a40); /* dashboard black to bootstrap dark navbar */
   padding-bottom: 1em;
 }
 header > div:nth-child(2) {
@@ -134,8 +134,8 @@ header > div:nth-child(2) {
 }
 .header-title a {
   text-decoration: none;
-  color: #ff33c9;
-  text-shadow: #fff 0 0 3px;
+  color: #c09;
+  text-shadow: #fff 0 0 2px;
 }
 .header-logo {
   width: 75px;

src/components/Help.vue

 <template>
-  <b-container>
+  <b-container align="center">
     <h1>Help pages</h1>
     <br><br>
     <div style="border: 5px dotted #5c3566;">
       <br><br>
       <p><b>By the mighty witchcraftry of the mother of time!</b></p>
       <p>This feature is not implemented yet.</p>
-      <br><br>
+      <p>
+        For the general AuRa documentation go to
+        <a href="https://gitlab.servus.at/aura/meta">https://gitlab.servus.at/aura/meta</a>
+      </p>
+      <br>
     </div>
   </b-container>
 </template>