From df99ca55f85c5d8479d00c1991983b4a85ef14e3 Mon Sep 17 00:00:00 2001
From: Eva <eva.marco@kaleidos.net>
Date: Tue, 9 Jan 2024 17:47:51 +0100
Subject: [PATCH] :bug: Fix spacing in prototype tab empty state

---
 .../src/app/main/ui/viewer/inspect/right_sidebar.scss    | 3 ++-
 .../ui/workspace/sidebar/options/menus/interactions.scss | 9 +++++++--
 frontend/src/app/main/ui/workspace/sidebar/sitemap.cljs  | 2 +-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss b/frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss
index 3074e676a..b66e44ce7 100644
--- a/frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss
+++ b/frontend/src/app/main/ui/viewer/inspect/right_sidebar.scss
@@ -62,7 +62,8 @@
   @include flexColumn;
   align-items: center;
   justify-content: flex-start;
-  gap: $s-8;
+  gap: $s-12;
+  margin-right: $s-8;
 }
 
 .placeholder-icon {
diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.scss b/frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.scss
index 9ab6a9d81..93d9bb562 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.scss
@@ -27,11 +27,17 @@
 }
 
 .help-content {
-  padding: $s-20;
+  padding: $s-32 0;
+  width: $s-200;
+  margin: 0 auto;
 }
 
 .help-group {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   margin-bottom: $s-40;
+  gap: $s-12;
 }
 
 .interactions-help-icon {
@@ -40,7 +46,6 @@
   height: $s-48;
   border-radius: $br-circle;
   background-color: var(--pill-background-color);
-  margin: 0 auto $s-12 auto;
   svg {
     @extend .button-icon;
     stroke: var(--icon-foreground);
diff --git a/frontend/src/app/main/ui/workspace/sidebar/sitemap.cljs b/frontend/src/app/main/ui/workspace/sidebar/sitemap.cljs
index 071a5a642..f40719327 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/sitemap.cljs
+++ b/frontend/src/app/main/ui/workspace/sidebar/sitemap.cljs
@@ -218,7 +218,7 @@
                     :class         (stl/css :title-spacing-sitemap)}
 
       (if ^boolean read-only?
-        [:di {:class  (stl/css :view-only-mode)}
+        [:div {:class  (stl/css :view-only-mode)}
          (tr "labels.view-only")]
         [:button {:class (stl/css :add-page)
                   :on-click on-create}