🐛 Fix spacing in prototype tab empty state

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 {

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);

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}