Styling and restructuring of components, config edit

src/styles/index.css

@@ -3490,6 +3490,14 @@ table {
   padding: 2rem;
 }
 
+.p-10 {
+  padding: 3rem;
+}
+
+.p-16 {
+  padding: 4rem;
+}
+
 .p-px {
   padding: 1px;
 }
@@ -3564,6 +3572,26 @@ table {
   padding-right: 2rem;
 }
 
+.py-10 {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+}
+
+.px-10 {
+  padding-left: 3rem;
+  padding-right: 3rem;
+}
+
+.py-16 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+
+.px-16 {
+  padding-left: 4rem;
+  padding-right: 4rem;
+}
+
 .py-px {
   padding-top: 1px;
   padding-bottom: 1px;
@@ -3686,6 +3714,38 @@ table {
   padding-left: 2rem;
 }
 
+.pt-10 {
+  padding-top: 3rem;
+}
+
+.pr-10 {
+  padding-right: 3rem;
+}
+
+.pb-10 {
+  padding-bottom: 3rem;
+}
+
+.pl-10 {
+  padding-left: 3rem;
+}
+
+.pt-16 {
+  padding-top: 4rem;
+}
+
+.pr-16 {
+  padding-right: 4rem;
+}
+
+.pb-16 {
+  padding-bottom: 4rem;
+}
+
+.pl-16 {
+  padding-left: 4rem;
+}
+
 .pt-px {
   padding-top: 1px;
 }
@@ -7630,6 +7690,14 @@ table {
     padding: 2rem;
   }
 
+  .sm\:p-10 {
+    padding: 3rem;
+  }
+
+  .sm\:p-16 {
+    padding: 4rem;
+  }
+
   .sm\:p-px {
     padding: 1px;
   }
@@ -7704,6 +7772,26 @@ table {
     padding-right: 2rem;
   }
 
+  .sm\:py-10 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .sm\:px-10 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .sm\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .sm\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
   .sm\:py-px {
     padding-top: 1px;
     padding-bottom: 1px;
@@ -7826,6 +7914,38 @@ table {
     padding-left: 2rem;
   }
 
+  .sm\:pt-10 {
+    padding-top: 3rem;
+  }
+
+  .sm\:pr-10 {
+    padding-right: 3rem;
+  }
+
+  .sm\:pb-10 {
+    padding-bottom: 3rem;
+  }
+
+  .sm\:pl-10 {
+    padding-left: 3rem;
+  }
+
+  .sm\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .sm\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .sm\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .sm\:pl-16 {
+    padding-left: 4rem;
+  }
+
   .sm\:pt-px {
     padding-top: 1px;
   }
@@ -11763,6 +11883,14 @@ table {
     padding: 2rem;
   }
 
+  .md\:p-10 {
+    padding: 3rem;
+  }
+
+  .md\:p-16 {
+    padding: 4rem;
+  }
+
   .md\:p-px {
     padding: 1px;
   }
@@ -11837,6 +11965,26 @@ table {
     padding-right: 2rem;
   }
 
+  .md\:py-10 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .md\:px-10 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .md\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .md\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
   .md\:py-px {
     padding-top: 1px;
     padding-bottom: 1px;
@@ -11959,6 +12107,38 @@ table {
     padding-left: 2rem;
   }
 
+  .md\:pt-10 {
+    padding-top: 3rem;
+  }
+
+  .md\:pr-10 {
+    padding-right: 3rem;
+  }
+
+  .md\:pb-10 {
+    padding-bottom: 3rem;
+  }
+
+  .md\:pl-10 {
+    padding-left: 3rem;
+  }
+
+  .md\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .md\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .md\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .md\:pl-16 {
+    padding-left: 4rem;
+  }
+
   .md\:pt-px {
     padding-top: 1px;
   }
@@ -15896,6 +16076,14 @@ table {
     padding: 2rem;
   }
 
+  .lg\:p-10 {
+    padding: 3rem;
+  }
+
+  .lg\:p-16 {
+    padding: 4rem;
+  }
+
   .lg\:p-px {
     padding: 1px;
   }
@@ -15970,6 +16158,26 @@ table {
     padding-right: 2rem;
   }
 
+  .lg\:py-10 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .lg\:px-10 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .lg\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .lg\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
   .lg\:py-px {
     padding-top: 1px;
     padding-bottom: 1px;
@@ -16092,6 +16300,38 @@ table {
     padding-left: 2rem;
   }
 
+  .lg\:pt-10 {
+    padding-top: 3rem;
+  }
+
+  .lg\:pr-10 {
+    padding-right: 3rem;
+  }
+
+  .lg\:pb-10 {
+    padding-bottom: 3rem;
+  }
+
+  .lg\:pl-10 {
+    padding-left: 3rem;
+  }
+
+  .lg\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .lg\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .lg\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .lg\:pl-16 {
+    padding-left: 4rem;
+  }
+
   .lg\:pt-px {
     padding-top: 1px;
   }
@@ -20029,6 +20269,14 @@ table {
     padding: 2rem;
   }
 
+  .xl\:p-10 {
+    padding: 3rem;
+  }
+
+  .xl\:p-16 {
+    padding: 4rem;
+  }
+
   .xl\:p-px {
     padding: 1px;
   }
@@ -20103,6 +20351,26 @@ table {
     padding-right: 2rem;
   }
 
+  .xl\:py-10 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .xl\:px-10 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
+  .xl\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
+  .xl\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
+
   .xl\:py-px {
     padding-top: 1px;
     padding-bottom: 1px;
@@ -20225,6 +20493,38 @@ table {
     padding-left: 2rem;
   }
 
+  .xl\:pt-10 {
+    padding-top: 3rem;
+  }
+
+  .xl\:pr-10 {
+    padding-right: 3rem;
+  }
+
+  .xl\:pb-10 {
+    padding-bottom: 3rem;
+  }
+
+  .xl\:pl-10 {
+    padding-left: 3rem;
+  }
+
+  .xl\:pt-16 {
+    padding-top: 4rem;
+  }
+
+  .xl\:pr-16 {
+    padding-right: 4rem;
+  }
+
+  .xl\:pb-16 {
+    padding-bottom: 4rem;
+  }
+
+  .xl\:pl-16 {
+    padding-left: 4rem;
+  }
+
   .xl\:pt-px {
     padding-top: 1px;
   }