Update autoscreens to be more responsive by default

packages/builder/src/builderStore/store/screenTemplates/newRowScreen.js

@@ -29,6 +29,9 @@ function generateTitleContainer(table, formId) {
 const createScreen = table => {
   const screen = new Screen()
     .instanceName(`${table.name} - New`)
+    .customProps({
+      hAlign: "center",
+    })
     .route(newRowUrl(table))
 
   const form = makeMainForm()

packages/builder/src/builderStore/store/screenTemplates/rowDetailScreen.js

@@ -151,6 +151,9 @@ const createScreen = table => {
   return new Screen()
     .instanceName(`${table.name} - Detail`)
     .route(rowDetailUrl(table))
+    .customProps({
+      hAlign: "center",
+    })
     .addChild(provider)
     .json()
 }

packages/builder/src/builderStore/store/screenTemplates/rowListScreen.js

@@ -80,7 +80,8 @@ const createScreen = table => {
         tableId: table._id,
         type: "table",
       },
-      paginate: false,
+      paginate: true,
+      limit: 8,
     })
 
   const spectrumTable = new Component("@budibase/standard-components/table")
@@ -127,7 +128,6 @@ const createScreen = table => {
       background: "white",
       "border-radius": "0.5rem",
       "box-shadow": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
-      margin: "auto",
       "margin-top": "20px",
       "border-width": "2px",
       "border-color": "rgba(0, 0, 0, 0.1)",

packages/builder/src/builderStore/store/screenTemplates/utils/commonComponents.js

@@ -40,7 +40,6 @@ export function makeMainForm() {
       padding: "0px",
       "border-radius": "0.5rem",
       "box-shadow": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
-      margin: "auto",
       "margin-top": "20px",
       "padding-top": "48px",
       "padding-bottom": "48px",