From 8a20893cfe91d66b187dd6590ee70c7331226ae0 Mon Sep 17 00:00:00 2001
From: Martin Fleck <mfleck@eclipsesource.com>
Date: Mon, 6 Nov 2023 13:52:42 +0100
Subject: [PATCH] Improve styling

---
 examples/workflow-standalone/css/diagram.css | 21 ++++++++++++++++++++
 packages/client/css/toast.css                |  5 ++---
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/examples/workflow-standalone/css/diagram.css b/examples/workflow-standalone/css/diagram.css
index 59029d48f..0f21cafee 100644
--- a/examples/workflow-standalone/css/diagram.css
+++ b/examples/workflow-standalone/css/diagram.css
@@ -62,3 +62,24 @@ polygon.sprotty-node {
 .sprotty-node.selected {
     stroke: rgb(87, 87, 214);
 }
+
+.bordered-projection-bar {
+    border-color: #a1a1a1;
+}
+
+.sprotty-viewport {
+    border-width: 1px;
+    border-color: #555555;
+}
+
+.sprotty-projection-bar.horizontal.bordered-projection-bar {
+    height: 15px;
+}
+
+.sprotty-projection-bar.vertical.bordered-projection-bar {
+    width: 15px;
+}
+
+.projection-scroll-bar {
+    background-color: #555555;
+}
\ No newline at end of file
diff --git a/packages/client/css/toast.css b/packages/client/css/toast.css
index 97461129f..5d532bd9f 100644
--- a/packages/client/css/toast.css
+++ b/packages/client/css/toast.css
@@ -15,12 +15,11 @@
  ********************************************************************************/
 .toast {
     position: absolute;
-    bottom: 1rem;
-    width: 100%;
+    bottom: 48px; /* same as top of toolbar by default */
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     grid-column-gap: 1rem;
-    margin: 0 1rem;
+    left: 40px; /* same as right of toolbar by default */
 }
 
 .toast-column-left {