Finished book page: move QR code up to the top right of the hero; v2.10.5

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "siteforge",
   "private": true,
-  "version": "2.10.4",
+  "version": "2.10.5",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/App.css

@@ -9976,6 +9976,12 @@
   margin-bottom: 2.5rem;
 }
 
+/* Text column grows; the QR code sits at the top right of the hero */
+.finished-series-hero > div:not(.finished-series-cd):not(.finished-series-qr) {
+  flex: 1;
+  min-width: 0;
+}
+
 .finished-series-hero-img {
   width: 160px;
   height: 160px;
@@ -10098,16 +10104,16 @@
 }
 
 .finished-series-qr {
-  margin-top: 1.25rem;
+  flex-shrink: 0;
   display: flex;
   flex-direction: column;
-  gap: 0.35rem;
+  gap: 0.45rem;
-  width: fit-content;
+  width: 140px;
 }
 
 .finished-series-qr-img {
-  width: 100px;
+  width: 140px;
-  height: 100px;
+  height: 140px;
   border-radius: 6px;
   border: 1px solid rgba(201, 168, 76, 0.25);
   display: block;
@@ -10405,6 +10411,15 @@
     gap: 1rem;
   }
 
+  .finished-series-qr {
+    width: 120px;
+  }
+
+  .finished-series-qr-img {
+    width: 120px;
+    height: 120px;
+  }
+
   .finished-series-hero-img {
     width: 120px;
     height: 120px;

src/App.tsx

@@ -1964,6 +1964,7 @@ function FinishedSeriesPage({ content }: { content: SiteContent }) {
                 </Link>
               )}
             </div>
+          </div>
           {book.downloadQrUrl && book.downloadUrl && (
             <div className="finished-series-qr">
               <a href={book.downloadUrl} target="_blank" rel="noopener noreferrer">
@@ -1973,7 +1974,6 @@ function FinishedSeriesPage({ content }: { content: SiteContent }) {
             </div>
           )}
         </div>
-        </div>
         <FinishedSeriesEpisodes highlights={book.highlights ?? []} episodes={episodes} loading={loading} />
       </main>
       <SiteFooter content={content} />