Styling and content fixes

export/content/collections/dok_3x/installation.md

@@ -13,24 +13,22 @@ Learn how to install Dok via the CLI or by installing into an existing site.
 
 ---
 
-**Installing Dok**
+**Installing Dok using the CLI**
 
-:::codegroup
-{title="New site (Recommended)"}
-```
+```shell
 statamic new mysite fawnsoftware/dok
 ```
 
-{title="Existing site"}
-```
-php please starter-kit:install fawnsoftware/dok
-```
-:::/codegroup
-
 :::important
 Requires the [Statamic CLI tool](https://github.com/statamic/cli) if you're installing a new site via the `statamic` command.
 :::
 
+**Installing Dok into an existing site**
+
+```shell
+php please starter-kit:install fawnsoftware/dok
+```
+
 
 **After Installation**
 Run the initial build process. Installing the package dependencies and building the control panel assets.

export/resources/css/base/prose/prose-code.css

@@ -11,17 +11,21 @@
       margin-bottom: --spacing(6);
       border-radius: var(--radius-box);
       box-shadow: none;
-      padding: --spacing(8);
+      padding: --spacing(4);
       tab-size: 4;
       scrollbar-width: thin;
       scrollbar-color: --alpha(var(--prose-pre-color) / 15%) transparent;
+
+      @media (min-width: theme(--breakpoint-lg)) {
+        padding: --spacing(8);
+      }
     }
 
     @variant prose-code {
       color: var(--prose-code-color);
       font-size: 0.8888889em;
       font-weight: inherit;
-      border-radius: 0.375rem;
+      border-radius: var(--radius-notch);
       background-color: var(--prose-code-background);
       padding: 0.2em 0.4em;
       box-shadow: 0 0 0 1px --alpha(var(--prose-code-color) / 15%);

export/resources/css/components/codegroup.css

@@ -21,6 +21,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
+    height: --spacing(10);
     padding: --spacing(0) --spacing(4) --spacing(1) --spacing(4);
     font-size: 0.8rem;
     font-weight: var(--font-weight-bold);

export/resources/views/layout/footer.antlers.html

@@ -3,7 +3,7 @@
         <div class="flex flex-col md:flex-row items-center justify-center md:justify-between gap-6">
             {{ svg src="logo" class="h-auto w-12 text-base-content" aria-hidden="true" }}
 
-            <p class="text-2xs text-white/70">© 2025 FawnSoftware. All rights reserved.</p>
+            <p class="text-2xs text-base-content/80">© 2025 FawnSoftware. All rights reserved.</p>
         </div>
     </div>
 </footer>

export/resources/views/pages/form.antlers.html

@@ -1,10 +1,12 @@
-<div class="max-w-3xl mx-auto text-base-content">
-    <header class="pt-12 py-6">
-        <h1 class="h1 mb-2">{{ title }}</h1>
-        <p>This page showcases the built in form styles.</p>
-    </header>
+<div class="container">
+    <div class="max-w-3xl mx-auto text-base-content">
+        <header class="pt-12 py-6">
+            <h1 class="h1 mb-2">{{ title }}</h1>
+            <p>This page showcases the built in form styles.</p>
+        </header>
 
-    <div class="max-w-4xl pb-32">
-        {{ partial:form handle="test_theme" }}
+        <div class="max-w-4xl pb-32">
+            {{ partial:form handle="test_theme" }}
+        </div>
     </div>
 </div>