introducing devtools:

   - support multifile import
   - two-step import flow
   - list import files
   - style

3 files changed, 33 insertions, 33 deletions

diff --git a/res/client/css/partials/dev-area.scss b/res/client/css/partials/dev-area.scss
deleted file mode 100644
index fa1cfbf3..00000000
--- a/res/client/css/partials/dev-area.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-.debug-ui {
-  display: none;
-}
-
-body.debug {
-    .debug-ui {
-      display: inline;
-      position:fixed;
-      bottom:70px;
-      left:10px;
-      text-decoration: none;
-    }
-
-    .debug-ui-row {
-      float: left;
-      width: 100%;
-    }
-
-    .debug-ui-left {
-      float: left;
-      width: 50%;
-    }
-
-    .debug-ui-right {
-      float: right;
-      width: 50%;
-    }
-
-    .debug{
-
-    }
-}
diff --git a/res/client/css/partials/devtools.scss b/res/client/css/partials/devtools.scss
new file mode 100644
index 00000000..0f923718
--- /dev/null
+++ b/res/client/css/partials/devtools.scss
@@ -0,0 +1,32 @@
+#devtools {
+    position: absolute;
+    bottom: 0;
+    border-top: 10px solid gray;
+    padding-left: 10px;
+    height: 20%;
+    width: 100%;
+    line-height: 20px;
+}
+
+#devtools span {
+    font-family: monospace;
+}
+
+.devtools__btn {
+
+    &:hover {
+        cursor: pointer;
+        color: gold;
+    }
+}
+
+.debug-view__multi-step-cmd-delim {
+    color: red;
+    margin-left: 4px;
+    margin-right: 2px;
+}
+
+.debug-view__import__input_file_name {
+    font-family: monospace;
+    margin-left: 20px;
+}
\ No newline at end of file
diff --git a/res/client/css/style.scss b/res/client/css/style.scss
index cb29bd5e..b3f34181 100644
--- a/res/client/css/style.scss
+++ b/res/client/css/style.scss
@@ -7,7 +7,7 @@
 // Partials
 @import "partials/buttons";
 @import "partials/common-form";
-@import "partials/dev-area";
+@import "partials/devtools";
 @import "partials/dropdown-menu";
 @import "partials/grid";
 @import "partials/input-bar";