UX feedback updates

packages/bbui/src/ActionButton/ActionButton.svelte

@@ -130,5 +130,6 @@
     max-width: 150px;
     transform: translateX(-50%);
     text-align: center;
+    z-index: 1;
   }
 </style>

packages/builder/src/components/design/settings/controls/FormStepConfiguration.svelte

@@ -68,9 +68,9 @@
 
   const getStepLabel = ({ stepCount, currentStep }) => {
     if (stepCount <= 1) {
-      return "Details"
+      return "Steps"
     }
-    return `Details (Step ${currentStep + 1}/${stepCount})`
+    return `Steps (${currentStep + 1}/${stepCount})`
   }
 
   const emitCurrentStep = step => {

packages/builder/src/components/design/settings/controls/FormStepControls.svelte

@@ -36,6 +36,7 @@
       on:click={() => {
         stepAction("previousStep")
       }}
+      tooltip={"Previous step"}
     />
     <ActionButton
       size="S"
@@ -45,6 +46,7 @@
       on:click={() => {
         stepAction("nextStep")
       }}
+      tooltip={"Next step"}
     />
     <ActionButton
       size="S"
@@ -54,6 +56,7 @@
       on:click={() => {
         stepAction("removeStep")
       }}
+      tooltip={"Remove step"}
     />
     <ActionButton
       size="S"
@@ -62,6 +65,7 @@
       on:click={() => {
         stepAction("addStep")
       }}
+      tooltip={"Add step"}
     />
   </div>
 {/if}