From 884fc311510536e0561a5ebe6b1a2dd66a49da55 Mon Sep 17 00:00:00 2001
From: Richard Marsot <richard.marsot@pega.com>
Date: Tue, 16 Jan 2024 22:02:07 -0500
Subject: [PATCH] hide toolbar - fix some docs

---
 .storybook/manager-head.html                            | 4 +++-
 .storybook/manager.ts                                   | 4 +++-
 src/components/Pega_Extensions_FieldGroupAsRow/Docs.mdx | 4 ++--
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/.storybook/manager-head.html b/.storybook/manager-head.html
index b788471..d8cadf4 100644
--- a/.storybook/manager-head.html
+++ b/.storybook/manager-head.html
@@ -47,7 +47,9 @@
     *::-webkit-scrollbar-track:not(:corner-present) {
       border-bottom-right-radius: inherit;
     }
+  }
 
-    /* stylelint-enable unit-allowed-list */
+  button[aria-label="Shortcuts"] {
+    display: none;
   }
 </style>
diff --git a/.storybook/manager.ts b/.storybook/manager.ts
index 32bcbfa..bdd7031 100644
--- a/.storybook/manager.ts
+++ b/.storybook/manager.ts
@@ -3,7 +3,9 @@ import myTheme from './theme';
 
 addons.setConfig({
   theme: myTheme,
+  enableShortcuts: false,
+  showToolbar: false,
   sidebar: {
-    showRoots: true
+    showRoots: false
   }
 });
diff --git a/src/components/Pega_Extensions_FieldGroupAsRow/Docs.mdx b/src/components/Pega_Extensions_FieldGroupAsRow/Docs.mdx
index c225c94..58d9198 100644
--- a/src/components/Pega_Extensions_FieldGroupAsRow/Docs.mdx
+++ b/src/components/Pega_Extensions_FieldGroupAsRow/Docs.mdx
@@ -3,11 +3,11 @@ import * as DemoStories from './demo.stories';
 
 <Meta of={DemoStories} />
 
-# Button
+# Overview
 
 The FieldGroupAsRow component allows to render a field group horizontally instead of being render vertically - This behavior could be used to compare a couple of objects side-by-side or to reduce the amount of vertical scrolling.
 
-The component creates a wrapper DIV using styled component that change the display of the fieldset component from a column direction to a row direction.
+The component creates a wrapper DIV using styled component that changes the display of the fieldset component from a column to a row direction.
 
 For more details on how to use this component, see [How to implement the compare and select pattern](https://support.pega.com/discussion/how-implement-compare-and-select-pattern-constellation-ui)