From 2d0e0b2d73a2885ab66a194d33c0e9a01c223016 Mon Sep 17 00:00:00 2001
From: Hendrik Kleinwaechter <hendrik.kleinwaechter@gmail.com>
Date: Fri, 3 May 2024 23:37:42 +0200
Subject: [PATCH] Fix flowchart border on website (#355)

This fixes #345
---
 book/style.css          | 4 ++++
 website/modify_build.rb | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/book/style.css b/book/style.css
index 71665b2..cc3f9c6 100644
--- a/book/style.css
+++ b/book/style.css
@@ -480,6 +480,10 @@ nav.TOC span:hover, nav.TOC span:hover *, nav.TOC span.chapterToc.selected, nav.
 p.flowchart-image-wrapper {
   background: white;
   padding: 20px;
+  border-radius: var(--border-radius);
+  border: 2px solid var(--c-black);
+  display: flex;
+  justify-content: center;
 }
 
 .menu-items .menu-group:last-of-type .menu-arrow {
diff --git a/website/modify_build.rb b/website/modify_build.rb
index 8a7e08c..8fef8b8 100644
--- a/website/modify_build.rb
+++ b/website/modify_build.rb
@@ -629,7 +629,9 @@ class ModifyBuild
        to everyone, I have decided to make it available as a free digital download.
     </p>
 
-    <img alt="One of my best Sourdough Breads" class="home-bread" src="bread.jpg" />
+    <a href="bread.jpg">
+      <img alt="One of my best Sourdough Breads" class="home-bread" src="bread.jpg" />
+    </a>
 
     <p class="noindent">
       However, producing and maintaining resources like this requires