2 files changed, 32 insertions, 24 deletions

diff --git a/res/css/partials/dev-area.scss b/res/css/partials/dev-area.scss
index 7d344a55..fa1cfbf3 100644
--- a/res/css/partials/dev-area.scss
+++ b/res/css/partials/dev-area.scss
@@ -1,25 +1,32 @@
 .debug-ui {
-  position:fixed;
-  bottom:70px;
-  left:10px;
-  text-decoration: none;
+  display: none;
 }
 
-.debug-ui-row {
-  float: left;
-  width: 100%;
-}
+body.debug {
+    .debug-ui {
+      display: inline;
+      position:fixed;
+      bottom:70px;
+      left:10px;
+      text-decoration: none;
+    }
 
-.debug-ui-left {
-  float: left;
-  width: 50%;
-}
+    .debug-ui-row {
+      float: left;
+      width: 100%;
+    }
 
-.debug-ui-right {
-  float: right;
-  width: 50%;
-}
+    .debug-ui-left {
+      float: left;
+      width: 50%;
+    }
 
-.debug{
+    .debug-ui-right {
+      float: right;
+      width: 50%;
+    }
 
-}
\ No newline at end of file
+    .debug{
+
+    }
+}
diff --git a/res/css/style.css b/res/css/style.css
index d2a214cb..e719243f 100644
--- a/res/css/style.css
+++ b/res/css/style.css
@@ -128,20 +128,21 @@ table {
   border-spacing: 0; }
 
 .debug-ui {
+  display: none; }
+
+body.debug .debug-ui {
+  display: inline;
   position: fixed;
   bottom: 70px;
   left: 10px;
   text-decoration: none; }
-
-.debug-ui-row {
+body.debug .debug-ui-row {
   float: left;
   width: 100%; }
-
-.debug-ui-left {
+body.debug .debug-ui-left {
   float: left;
   width: 50%; }
-
-.debug-ui-right {
+body.debug .debug-ui-right {
   float: right;
   width: 50%; }