From 6be470a994dab1768d142f46a63e4fc14b05113c Mon Sep 17 00:00:00 2001
From: Jerrod Estell <jrodmath1@gmail.com>
Date: Mon, 11 Nov 2024 15:56:14 -0800
Subject: [PATCH] benchmark image and caption specific styles

---
 docs/index.md              | 6 +++---
 docs/stylesheets/extra.css | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/docs/index.md b/docs/index.md
index 7f4e34035..23477e278 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -3,14 +3,14 @@
 An extremely fast Python package and project manager, written in Rust.
 
 <p align="center">
-  <img alt="Shows a bar chart with benchmark results." src="https://github.com/astral-sh/uv/assets/1309177/629e59c0-9c6e-4013-9ad4-adb2bcf5080d#only-light">
+  <img class="benchmark-image" alt="Shows a bar chart with benchmark results." src="https://github.com/astral-sh/uv/assets/1309177/629e59c0-9c6e-4013-9ad4-adb2bcf5080d#only-light">
 </p>
 
 <p align="center">
-  <img alt="Shows a bar chart with benchmark results." src="https://github.com/astral-sh/uv/assets/1309177/03aa9163-1c79-4a87-a31d-7a9311ed9310#only-dark">
+  <img class="benchmark-image" alt="Shows a bar chart with benchmark results." src="https://github.com/astral-sh/uv/assets/1309177/03aa9163-1c79-4a87-a31d-7a9311ed9310#only-dark">
 </p>
 
-<p align="center">
+<p class="benchmark-caption">
   <i>Installing <a href="https://trio.readthedocs.io/">Trio</a>'s dependencies with a warm cache.</i>
 </p>
 
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 6a6c0adfe..a185de08c 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -85,17 +85,17 @@
   display: inline; /* Show dark images in dark mode */
 }
 
-[data-md-color-scheme="astral-light"] img[src$="#only-light"],
-[data-md-color-scheme="astral-dark"] img[src$="#only-dark"] {
+[data-md-color-scheme="astral-light"] .benchmark-image[src$="#only-light"],
+[data-md-color-scheme="astral-dark"] .benchmark-image[src$="#only-dark"] {
   display: inline;
   height: 250px;
   width: 500px;
   margin-top: -3rem;
 }
 
-p[align="center"] i {
-  display: block;
+.benchmark-caption {
   margin-top: -3rem;
+  text-align: center;
 }
 
 /* See: https://github.com/squidfunk/mkdocs-material/issues/175#issuecomment-616694465 */