From 61761e750a9adfcbe48b84067908c63b9d6ffab3 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <gh@d0h.co>
Date: Sun, 24 Apr 2022 16:03:45 +0100
Subject: [PATCH] :lipstick: Displays which config file is being edited

---
 src/components/Configuration/ConfigContainer.vue | 13 +++++++++----
 src/components/PageStrcture/Footer.vue           | 11 +++++++++++
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/components/Configuration/ConfigContainer.vue b/src/components/Configuration/ConfigContainer.vue
index a610ebe0..f1fee9c3 100644
--- a/src/components/Configuration/ConfigContainer.vue
+++ b/src/components/Configuration/ConfigContainer.vue
@@ -47,6 +47,10 @@
           </Button>
           <!-- Display app version and language -->
           <p class="language">{{ getLanguage() }}</p>
+          <p v-if="$store.state.currentConfigInfo" class="config-location">
+            Using Config From<br>
+            {{ $store.state.currentConfigInfo.confPath }}
+          </p>
           <AppVersion />
         </div>
         <!-- Display note if Config disabled, or if on mobile -->
@@ -245,7 +249,7 @@ a.hyperlink-wrapper {
   width: 100%;
 }
 
-p.app-version, p.language {
+p.app-version, p.language, p.config-location {
   margin: 0.5rem auto;
   font-size: 1rem;
   color: var(--transparent-white-50);
@@ -310,7 +314,7 @@ div.code-container {
   display: flex;
   flex-direction: column;
   background: var(--config-settings-background);
-  height: calc(100% - 2rem);
+  height: calc(100% + 1rem);
   width: fit-content;
   margin: 0 auto;
   padding: 2rem 1rem 0;
@@ -322,13 +326,14 @@ div.code-container {
 
 .config-note {
   width: 80%;
-  bottom: 1rem;
+  max-width: 700px;
   left: 10%;
+  bottom: 1rem;
   margin: 0.5rem auto;
   padding: 0.5rem 0.75rem;
+  text-align: center;
   border: 1px dashed var(--config-settings-color);
   border-radius: var(--curve-factor);
-  text-align: left;
   opacity: var(--dimming-factor);
   color: var(--config-settings-color);
   background: var(--config-settings-background);
diff --git a/src/components/PageStrcture/Footer.vue b/src/components/PageStrcture/Footer.vue
index 8d44b6f6..ba5acafb 100644
--- a/src/components/PageStrcture/Footer.vue
+++ b/src/components/PageStrcture/Footer.vue
@@ -3,10 +3,15 @@
   <footer v-if="text && text !== '' && visible" v-html="text"></footer>
   <!-- Default Footer -->
   <footer v-else-if="visible">
+    <span v-if="$store.state.currentConfigInfo" class="path-to-config">
+      Using: {{ $store.state.currentConfigInfo.confPath }}
+    </span>
+    <span>
       Developed by <a :href="authorUrl">{{authorName}}</a>.
       Licensed under <a :href="licenseUrl">{{license}}</a>
       {{ showCopyright? '©': '' }} {{date}}.
       Get the <a :href="repoUrl">Source Code</a>.
+    </span>
   </footer>
 </template>
 
@@ -50,6 +55,12 @@ footer {
   @include tablet-down {
     display: none;
   }
+  span.path-to-config {
+    float: right;
+    font-size: 0.75rem;
+    margin: 0.1rem 0.5rem 0 0;
+    opacity: var(--dimming-factor);
+  }
 }
 
 footer a{