style: fix info-card overlapping tool-bar

4 files changed, 10 insertions, 10 deletions

diff --git a/res/client/css/modules/positions.scss b/res/client/css/modules/positions.scss
index 8af9546f..f010d755 100644
--- a/res/client/css/modules/positions.scss
+++ b/res/client/css/modules/positions.scss
@@ -8,4 +8,4 @@ $icon-height: 20px;
 
 /* Horizontal spacing */
 $doc-margin: 70px;
-
+$graph-margin-right: 20px;
diff --git a/res/client/css/partials/info-card.scss b/res/client/css/partials/info-card.scss
index 2b8efe20..edd72221 100644
--- a/res/client/css/partials/info-card.scss
+++ b/res/client/css/partials/info-card.scss
@@ -2,8 +2,8 @@
 
 .info-container {
   position: absolute;
-  right: $doc-margin;
-  top: $two-baselines;
+  right: $graph-margin-right;
+  top: 130px;
 }
 
 .subtitle{
diff --git a/res/client/css/partials/tool-bar.scss b/res/client/css/partials/tool-bar.scss
index 5dcdf0a8..d9b66afe 100644
--- a/res/client/css/partials/tool-bar.scss
+++ b/res/client/css/partials/tool-bar.scss
@@ -3,14 +3,14 @@
     cursor: pointer;
     float: right;
     height: $three-baselines;
-    margin-right: 15px;
+    margin-left: 10px;
     width: 50px;
 }
 
 #tool-bar {
-    margin-top: 30px;
+    margin-top: $two-baselines;
     position: absolute;
-    right: 0px;
+    right: $graph-margin-right;
     z-index: 1;
 }
 
diff --git a/res/client/css/style.css b/res/client/css/style.css
index b09d2b3f..78611da6 100644
--- a/res/client/css/style.css
+++ b/res/client/css/style.css
@@ -324,8 +324,8 @@ body.debug .debug-ui-right {
 
 .info-container {
   position: absolute;
-  right: 70px;
-  top: 24px; }
+  right: 20px;
+  top: 130px; }
 
 .subtitle {
   font-style: italic;
@@ -665,13 +665,13 @@ p {
   cursor: pointer;
   float: right;
   height: 36px;
-  margin-right: 15px;
+  margin-left: 10px;
   width: 50px; }
 
 #tool-bar {
   margin-top: 30px;
   position: absolute;
-  right: 0px;
+  right: 20px;
   z-index: 1; }
 
 #btn_filter {