SETTINGS: Default values; bottom border on inputs.

settings.html

@@ -31,7 +31,6 @@
                     Minimum value:
                 </label>
                 <div class="col-2 system charted p-0">
-                    <!-- TODO INSERT CURRENT VALUE -->
                     <input type="text" class="form-control" id="minValue">
                 </div>
             </div>
@@ -41,7 +40,6 @@
                     Maximum distance:
                 </label>
                 <div class="col-2 system charted p-0">
-                    <!-- TODO INSERT CURRENT VALUE -->
                     <input type="text" class="form-control" id="maxDistance">
                 </div>
             </div>

src/assets/index.css

@@ -173,11 +173,16 @@ div b.active.landable {
     border-color: transparent;
     border-radius: 0;
     box-shadow: none;
+    color: inherit;
+    font-size: inherit;
+    font-family: inherit;
+    font-style: inherit;
+    text-shadow: inherit;
+    text-align: center;
 }
 
-/* SET THIS TO PARENT VIA CSS */
 .form-control:focus {
-    border-color: var(--main);
+    border-bottom: 1px solid var(--main);
 }
 
 .draggable {

src/settings.js

@@ -1,9 +1,13 @@
-import 'bootstrap/dist/css/bootstrap.css'
-import './assets/index.css'
+import 'bootstrap/dist/css/bootstrap.css';
+import './assets/index.css';
 
-import './assets/ldom.min'
+import './assets/ldom.min';
 
-const { ipcRenderer } = require('electron')
+const { ipcRenderer } = require('electron');
+
+import { Settings } from './models/Settings';
+
+const settings = Settings.get();
 
 /* -------------------------------------------------------------------- close window handler ---- */
 
@@ -15,4 +19,9 @@ $('#closeBtn').on('click', () => {
 
 $('.backBtn').on('click', () => {
     ipcRenderer.send('LOAD_MAIN')
-})
+})
+
+/* ------------------------------------------------------------------- insert current values ---- */
+
+$('#minValue').attr('value', settings.minValue);
+$('#maxDistance').attr('value', settings.maxDistance);