go full width on settings tab

Author: david-crespo

app/pages/project/instances/AntiAffinityCard.tsx

@@ -39,7 +39,7 @@ export const antiAffinityGroupList = ({ project, instance }: PP.Instance) =>
 const colHelper = createColumnHelper<AffinityGroup | AntiAffinityGroup>()
 const staticCols = [
   colHelper.accessor('description', {
-    cell: (info) => <DescriptionCell text={info.getValue()} maxLength={32} />,
+    cell: (info) => <DescriptionCell text={info.getValue()} />,
   }),
   colHelper.accessor('policy', {
     header: () => (
@@ -96,7 +96,7 @@ export function AntiAffinityCard() {
   })
 
   return (
-    <CardBlock width="medium">
+    <CardBlock>
       <CardBlock.Header title="Anti-affinity groups" titleId="anti-affinity-groups-label" />
       <CardBlock.Body>
         {antiAffinityGroups.items.length > 0 ? (

app/pages/project/instances/AutoRestartCard.tsx

@@ -90,7 +90,7 @@ export function AutoRestartCard() {
 
   return (
     <form onSubmit={onSubmit}>
-      <CardBlock width="medium">
+      <CardBlock>
         <CardBlock.Header
           title="Auto-restart"
           description="The auto-restart policy for this instance"
@@ -103,7 +103,7 @@ export function AutoRestartCard() {
             description="The global default is currently best effort, but this may change in the future."
             items={restartPolicyItems}
             required
-            className="max-w-none"
+            className="max-w-lg"
           />
           <FormMeta
             label="Cooldown expiration"