fix(ui): Limit max width of forms & lists (#845)

src/components/Common/List/index.tsx

@@ -7,11 +7,13 @@ interface ListItemProps {
 
 const ListItem: React.FC<ListItemProps> = ({ title, children }) => {
   return (
-    <div className="py-4 sm:grid sm:grid-cols-3 sm:gap-4">
-      <dt className="block text-sm font-medium text-gray-400">{title}</dt>
-      <dd className="flex text-sm text-white sm:mt-0 sm:col-span-2">
-        <span className="flex-grow">{children}</span>
-      </dd>
+    <div>
+      <div className="max-w-6xl py-4 sm:grid sm:grid-cols-3 sm:gap-4">
+        <dt className="block text-sm font-medium text-gray-400">{title}</dt>
+        <dd className="flex text-sm text-white sm:mt-0 sm:col-span-2">
+          <span className="flex-grow">{children}</span>
+        </dd>
+      </div>
     </div>
   );
 };

src/styles/globals.css

@@ -50,7 +50,7 @@ body {
 }
 
 .form-row {
-  @apply mt-6 sm:mt-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start;
+  @apply max-w-6xl mt-6 sm:mt-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start;
 }
 
 .form-input {