Add left margin to benefit list in article download content pages

Author: webstackdev

src/content/articles/alert-fatigue-reduction-triage-actionable-alerts/download.mdx

@@ -20,6 +20,9 @@ Read this e-book to understand:
 
 <List
   variant="check-icons-list"
+  classes={{
+    wrapper: "sm:ml-6 sm:mr-12 mb-6",
+  }}
   items={[
     { text: "The quantifiable cost of alert fatigue (MTTA, action rate, burnout indicators)" },
     { text: "How to audit and inventory your alerts systematically" },

src/content/articles/api-deprecation-sunset-headers-consumer-migration/download.mdx

@@ -20,6 +20,9 @@ Read this e-book to understand:
 
 <List
   variant="check-icons-list"
+  classes={{
+    wrapper: "sm:ml-6 sm:mr-12 mb-6",
+  }}
   items={[
     { text: "Realistic timeline guidance based on consumer type (internal, external, enterprise)" },
     { text: "RFC 8594 Sunset headers and Deprecation headers as technical foundations" },

src/content/articles/api-gateway-metrics-traces-logs-debugging/download.mdx

@@ -20,6 +20,9 @@ Read this e-book to understand:
 
 <List
   variant="check-icons-list"
+  classes={{
+    wrapper: "sm:ml-6 sm:mr-12 mb-6",
+  }}
   items={[
     { text: "Why gateway observability is fundamentally different from service observability" },
     { text: "The RED method applied correctly to gateways with meaningful label dimensions" },

src/content/articles/api-usage-metering-quotas-cost-attribution/download.mdx

@@ -22,6 +22,9 @@ Read this e-book to understand:
 
 <List
   variant="check-icons-list"
+  classes={{
+    wrapper: "sm:ml-6 sm:mr-12 mb-6",
+  }}
   items={[
     { text: "Metering architecture: synchronous vs. asynchronous tracking" },
     { text: "What dimensions to capture (request count, data transfer, compute time, storage, features)" },

src/content/articles/argocd-sync-failures-gitops-debugging-troubleshooting/download.mdx

@@ -22,6 +22,9 @@ Read this e-book to understand:
 
 <List
   variant="check-icons-list"
+  classes={{
+    wrapper: "sm:ml-6 sm:mr-12 mb-6",
+  }}
   items={[
     { text: "The ArgoCD sync process phase by phase: detection, manifest generation, diff calculation, resource ordering, health checks" },
     { text: "Sync waves and resource ordering — explicit control over which resources deploy first" },

src/content/articles/availability-targets-five-nines-cost-benefit-analysis/download.mdx

@@ -22,6 +22,9 @@ Read this e-book to understand:
 
 <List
   variant="check-icons-list"
+  classes={{
+    wrapper: "sm:ml-6 sm:mr-12 mb-6",
+  }}
   items={[
     { text: "What availability percentages mean: concrete downtime hours and composite availability math" },
     { text: "Cost scaling: why each additional nine costs roughly 10x more than the previous one" },

src/content/articles/backpressure-load-shedding-admission-control-overload/download.mdx

@@ -22,6 +22,9 @@ Read this e-book to understand:
 
 <List
   variant="check-icons-list"
+  classes={{
+    wrapper: "sm:ml-6 sm:mr-12 mb-6",
+  }}
   items={[
     { text: "Cascading failure anatomy: how overload feeds retries that compound the problem" },
     { text: "Little's Law and queue growth: why queue depth becomes unbounded when arrivals exceed capacity" },

src/content/articles/blameless-postmortem-incident-analysis-systemic-causes/download.mdx

@@ -24,6 +24,9 @@ Read this e-book to understand:
 
 <List
   variant="check-icons-list"
+  classes={{
+    wrapper: "sm:ml-6 sm:mr-12 mb-6",
+  }}
   items={[
     { text: "Why blame-focused investigations fail: hidden risks, concealment, and recurrence of the same failure modes" },
     { text: "The bad apple fallacy: how fatigue, time pressure, and confusing interfaces create errors in everyone" },

src/content/articles/blue-green-canary-deployment-strategy-comparison/download.mdx

@@ -22,6 +22,9 @@ Read this e-book to understand:
 
 <List
   variant="check-icons-list"
+  classes={{
+    wrapper: "sm:ml-6 sm:mr-12 mb-6",
+  }}
   items={[
     { text: "The deployment spectrum: recreate, rolling, blue/green, canary, progressive, and their tradeoffs" },
     { text: "Blue/green vs. canary: instant rollback and pre-production validation vs. gradual traffic shifting" },

src/content/articles/cdn-edge-caching-cache-keys-vary-headers/download.mdx

@@ -22,6 +22,9 @@ Read this e-book to understand:
 
 <List
   variant="check-icons-list"
+  classes={{
+    wrapper: "sm:ml-6 sm:mr-12 mb-6",
+  }}
   items={[
     { text: "Cache key design and Vary headers: preventing content cross-contamination without destroying hit ratios" },
     { text: "HTTP cacheability: what methods, status codes, and headers control whether responses cache" },