Fix layout styles

graphql-hive · Jan 29, 2025 · 0f5fc0e · 0f5fc0e
1 parent e92d4f8
commit 0f5fc0e
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/packages/web/docs/src/app/case-studies/case-studies-styles.css b/packages/web/docs/src/app/case-studies/case-studies-styles.css
@@ -3,16 +3,28 @@
   --article-max-width: 640px;
 
   & > .main-content {
+    box-sizing: content-box;
     width: var(--nextra-content-width);
+    max-width: 100%;
 
     /* hide leftmost column to left-align the case study */
     & > div:first-of-type > :first-child {
       @apply hidden;
     }
 
+    & > div {
+      @apply ml-0 pl-6 md:pl-12;
+    }
+
     & > div > article {
       box-sizing: content-box;
-      max-width: var(--article-max-width);
+      max-width: 100%;
+      width: var(--article-max-width);
+      padding: 0;
+    }
+
+    & nav.nextra-toc {
+      @apply hidden;
     }
   }