tidy up

packages/builder/cypress/support/commands.js

@@ -781,7 +781,7 @@ Cypress.Commands.add("selectExternalDatasource", datasourceName => {
   cy.navigateToDataSection()
   // Open Datasource modal
   cy.get(".nav").within(() => {
-    cy.get(".add-button").click()
+    cy.get("[data-cy='new-datasource']").click()
   })
   // Clicks specified datasource & continue
   cy.get(".item-list", { timeout: 1000 }).contains(datasourceName).click()

packages/builder/src/components/backend/DataTable/modals/CreateEditRow.svelte

@@ -32,9 +32,6 @@
         const response = error.json
         if (response?.errors) {
           errors = response.errors
-          // errors = Object.entries(response.errors)
-          //   .map(([key, error]) => ({ dataPath: key, message: error }))
-          //   .flat()
         } else if (response?.validationErrors) {
           const mappedErrors = {}
           for (let field in response.validationErrors) {

packages/builder/src/pages/builder/app/[application]/data/_layout.svelte

@@ -24,7 +24,9 @@
     <Tabs {selected} on:select={selectFirstDatasource}>
       <Tab title="Sources">
         <Layout paddingX="L" paddingY="L" gap="S">
-          <Button cta wide on:click={modal.show}>Add source</Button>
+          <Button dataCy={`new-datasource`} cta wide on:click={modal.show}
+            >Add source</Button
+          >
         </Layout>
         <CreateDatasourceModal bind:modal />
         <DatasourceNavigator />

packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenListPanel.svelte

@@ -30,7 +30,7 @@
 </script>
 
 <Panel title="Screens" borderRight>
-  <Layout paddingX="L" paddingY="L" gap="S">
+  <Layout paddingX="L" paddingY="XL" gap="S">
     <Button on:click={showNewScreenModal} cta>Add screen</Button>
     <Search
       placeholder="Search"