From 8a2e506f7d82df77383f4f4c9ff8fb95d75c5734 Mon Sep 17 00:00:00 2001
From: Salih Altun <salih@skyvern.com>
Date: Mon, 29 Apr 2024 21:45:13 +0300
Subject: [PATCH] Add padding to main page content (#243)

---
 skyvern-frontend/src/routes/settings/Settings.tsx          | 2 +-
 skyvern-frontend/src/routes/tasks/create/CreateNewTask.tsx | 2 +-
 skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx   | 2 +-
 skyvern-frontend/src/routes/tasks/list/TaskList.tsx        | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/skyvern-frontend/src/routes/settings/Settings.tsx b/skyvern-frontend/src/routes/settings/Settings.tsx
index f3ea047c..d7d7bf16 100644
--- a/skyvern-frontend/src/routes/settings/Settings.tsx
+++ b/skyvern-frontend/src/routes/settings/Settings.tsx
@@ -20,7 +20,7 @@ function Settings() {
     useSettingsStore();
 
   return (
-    <div className="flex flex-col gap-8 max-w-5xl mx-auto">
+    <div className="flex flex-col gap-8 max-w-5xl mx-auto p-8 pt-0">
       <Card>
         <CardHeader className="border-b-2">
           <CardTitle className="text-lg">Settings</CardTitle>
diff --git a/skyvern-frontend/src/routes/tasks/create/CreateNewTask.tsx b/skyvern-frontend/src/routes/tasks/create/CreateNewTask.tsx
index 47cb9839..49e360be 100644
--- a/skyvern-frontend/src/routes/tasks/create/CreateNewTask.tsx
+++ b/skyvern-frontend/src/routes/tasks/create/CreateNewTask.tsx
@@ -23,7 +23,7 @@ function CreateNewTask() {
   const caseInputId = useId();
 
   return (
-    <div className="flex flex-col gap-8 max-w-5xl mx-auto">
+    <div className="flex flex-col gap-8 max-w-5xl mx-auto p-8 pt-0">
       <div className="flex gap-4 items-center">
         <Label htmlFor={caseInputId} className="whitespace-nowrap">
           Select a sample:
diff --git a/skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx b/skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx
index a783a11b..e0b34e79 100644
--- a/skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx
+++ b/skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx
@@ -51,7 +51,7 @@ function TaskDetails() {
   }
 
   return (
-    <div className="flex flex-col gap-8 max-w-5xl mx-auto">
+    <div className="flex flex-col gap-8 max-w-5xl mx-auto p-8 pt-0">
       <div className="flex items-center">
         <Label className="w-32 shrink-0 text-lg">Task ID</Label>
         <Input value={taskId} readOnly />
diff --git a/skyvern-frontend/src/routes/tasks/list/TaskList.tsx b/skyvern-frontend/src/routes/tasks/list/TaskList.tsx
index 6da6fb42..b56d485d 100644
--- a/skyvern-frontend/src/routes/tasks/list/TaskList.tsx
+++ b/skyvern-frontend/src/routes/tasks/list/TaskList.tsx
@@ -72,7 +72,7 @@ function TaskList() {
   );
 
   return (
-    <div className="flex flex-col gap-8 max-w-5xl mx-auto">
+    <div className="flex flex-col gap-8 max-w-5xl mx-auto p-8 pt-0">
       <Card>
         <CardHeader className="border-b-2">
           <CardTitle className="text-xl">Running Tasks</CardTitle>