From 8e3c83358e77952ac775cdce2af99b7852d47fe4 Mon Sep 17 00:00:00 2001
From: majakomel <maja.komel@gmail.com>
Date: Fri, 31 Oct 2025 19:51:35 +0100
Subject: [PATCH] Fix install page styles

---
 assets/css/tailwind.css              | 2 +-
 content/install/cli/ubuntu-debian.md | 4 ++--
 hugo_stats.json                      | 3 ++-
 layouts/install/single.html          | 2 +-
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index b0968d0b3..0c015b490 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -97,7 +97,7 @@
 		padding: 0.5rem 1rem;
 		margin: 1.6rem 0;
 		position: relative;
-		white-space: normal;
+		white-space: pre-wrap;
 	}
 
 	pre,
diff --git a/content/install/cli/ubuntu-debian.md b/content/install/cli/ubuntu-debian.md
index 41698c5d5..1485b2b82 100644
--- a/content/install/cli/ubuntu-debian.md
+++ b/content/install/cli/ubuntu-debian.md
@@ -12,13 +12,13 @@ sudo gpg --no-default-keyring --keyserver hkp://keyserver.ubuntu.com --keyring /
 
 You can choose how to fetch OONI Probe:
 
-2.A) Using HTTP. This is the recommended option.
+2. A) Using HTTP. This is the recommended option.
 
 ```
 echo "deb [signed-by=/etc/apt/keyrings/ooni-apt-keyring.gpg] https://deb.ooni.org/ unstable main" | sudo tee /etc/apt/sources.list.d/ooniprobe.list
 ```
 
-2.B) Using Tor. This is an alternative option in case the HTTP repository is not reachable. This requires running the tor daemon on your system.
+2. B) Using Tor. This is an alternative option in case the HTTP repository is not reachable. This requires running the tor daemon on your system.
 
 ```
 sudo apt-get install tor apt-transport-tor
diff --git a/hugo_stats.json b/hugo_stats.json
index e878b822f..b360c2c3c 100644
--- a/hugo_stats.json
+++ b/hugo_stats.json
@@ -249,7 +249,6 @@
       "md:grid-cols-3",
       "md:grid-cols-4",
       "md:invisible",
-      "md:justify-between",
       "md:mx-16",
       "md:order-last",
       "md:pt-48",
@@ -310,6 +309,8 @@
       "prev",
       "prose",
       "prose-a:hover:text-ooniblue",
+      "prose-pre:bg-gray2",
+      "prose-pre:text-black",
       "prose-slate",
       "pt-1",
       "pt-10",
diff --git a/layouts/install/single.html b/layouts/install/single.html
index 26b726220..b8429e537 100644
--- a/layouts/install/single.html
+++ b/layouts/install/single.html
@@ -6,7 +6,7 @@
       <h1 class="article-title">{{ .Params.leadTitle }}</h1>
       <p class="lead">{{ .Params.leadDescription }}</p>
     </div>
-    <div class="flex justify-center md:justify-between max-w-[920px] mx-auto items-center">
+    <div class="prose prose-pre:bg-gray2 prose-pre:text-black max-w-[920px] mx-auto">
       {{ if eq .Params.platform "desktop" }}
       {{ partial "install/desktop.html" . }}
       {{ else if eq .Params.platform "mobile" }}