From f4c18fd91b68db96ca78693fef737bbf28e438e8 Mon Sep 17 00:00:00 2001
From: orangemug <info@orangemug.co.uk>
Date: Sun, 9 Feb 2020 17:23:50 +0000
Subject: [PATCH] Fixed error bar from overflowing.

---
 src/styles/_components.scss | 6 +-----
 src/styles/_layout.scss     | 4 ++--
 src/styles/_vars.scss       | 4 ++++
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/styles/_components.scss b/src/styles/_components.scss
index f64fa17f..8a6ce103 100644
--- a/src/styles/_components.scss
+++ b/src/styles/_components.scss
@@ -7,11 +7,7 @@
   right: 0;
   bottom: 0;
   height: calc(100% - #{$toolbar-height + $toolbar-offset});
-  width: calc(
-    100%
-    - 200px /* layer list */
-    - 350px /* layer editor */
-  );
+  width: $layout-map-width;
 
   &--error {
     align-items: center;
diff --git a/src/styles/_layout.scss b/src/styles/_layout.scss
index e0f00ad7..f3db7eb1 100644
--- a/src/styles/_layout.scss
+++ b/src/styles/_layout.scss
@@ -40,9 +40,9 @@
     position: fixed;
     height: 50px;
     bottom: 0;
-    left: 550px;
+    right: 0;
     z-index: 1;
-    width: 100%;
+    width: $layout-map-width;
     background-color: $color-black;
   }
 }
diff --git a/src/styles/_vars.scss b/src/styles/_vars.scss
index 7cb3d178..4a9cc098 100644
--- a/src/styles/_vars.scss
+++ b/src/styles/_vars.scss
@@ -21,3 +21,7 @@ $font-family: Roboto, sans-serif;
 $toolbar-height: 40px;
 $toolbar-offset: 0;
 
+$layout-list-width: 200px;
+$layout-editor-width: 370px;
+$layout-map-width: calc(100% - #{$layout-list-width + $layout-editor-width});
+