style version info

Author: tjvandam

composer.html

@@ -24,7 +24,6 @@
       <div class="brand-title">
         <span class="brand-name">Smart Parks</span>
         <span class="brand-subtitle">Settings HEX Composer</span>
-        <span class="app-version" id="app-version">Version: loading...</span>
       </div>
     </div>
     <div class="controls">
@@ -130,6 +129,10 @@ <h3 id="import-preview-title">Import preview</h3>
     <a href="index.html" aria-label="Home" title="Home"><span class="icon house" aria-hidden="true"></span></a>
   </nav>
 
+  <footer class="app-version-footer">
+    <span class="app-version" id="app-version">Version: loading...</span>
+  </footer>
+
   <script>
     // ---------------------------------------------
     // Load and Display Settings

index.html

@@ -24,7 +24,6 @@
       <div class="brand-title">
         <span class="brand-name">Smart Parks</span>
         <span class="brand-subtitle">OpenCollar Edge BLE Web Connect</span>
-        <span class="app-version" id="app-version">Version: loading...</span>
       </div>
     </div>
     <div class="controls">
@@ -389,6 +388,9 @@ <h3 id="import-preview-title">Import preview</h3>
     </details>
   </div>
 
+  <footer class="app-version-footer">
+    <span class="app-version" id="app-version">Version: loading...</span>
+  </footer>
 
   <script>
     const CMD_SINGLE_SETTING = 0xA8;

style.css

@@ -889,12 +889,18 @@ h2 {
 }
 
 .app-version {
-    font-size: 12px;
+    font-size: 11px;
     letter-spacing: 0.2px;
-    color: rgba(31, 42, 35, 0.6);
+    color: rgba(31, 42, 35, 0.5);
     font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
 
+.app-version-footer {
+    text-align: center;
+    padding: 18px 12px 92px;
+    opacity: 0.85;
+}
+
 /* Floating bar at the bottom */
 #floating-bar {
     position: fixed;