From 000849172de8b0a618a6baf697245affc5f8e319 Mon Sep 17 00:00:00 2001
From: eti <eti@eti.tf>
Date: Wed, 22 Jul 2026 19:12:39 +0200
Subject: [PATCH] appview/home: make vouching & focus images use `outline`
 instead of `border` and set them to full width

Signed-off-by: eti <eti@eti.tf>
---
 appview/pages/templates/timeline/home.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/appview/pages/templates/timeline/home.html b/appview/pages/templates/timeline/home.html
index b2625abe..7080dedc 100644
--- a/appview/pages/templates/timeline/home.html
+++ b/appview/pages/templates/timeline/home.html
@@ -350,7 +350,7 @@
 
 {{ define "features2" }}
   {{ $cardStyle := "w-full max-w-[548px] bg-white dark:bg-gray-800 rounded shadow-sm border border-gray-200 dark:border-gray-700 p-4 md:p-6 flex flex-col" }}
-  {{ $imgBoxStyle := "w-full rounded overflow-hidden border border-gray-200 dark:border-gray-700 bg-gradient-to-b from-slate-50 to-slate-100 dark:from-gray-800 dark:to-gray-900 mb-6" }}
+  {{ $imgBoxStyle := "w-full rounded overflow-hidden outline outline-1 -outline-offset-1 outline-gray-200 dark:outline-gray-700 bg-gradient-to-b from-slate-50 to-slate-100 dark:from-gray-800 dark:to-gray-900 mb-6" }}
   {{ $titleStyle := "text-2xl md:text-3xl font-bold mb-2 md:mb-3 text-gray-900 dark:text-gray-100" }}
   {{ $descriptionStyle := "text-gray-600 dark:text-gray-300 leading-relaxed mb-6 flex-1" }}
   {{ $linkStyle := "hover:no-underline inline-flex items-center gap-2 text-sm md:text-base text-black dark:text-white font-medium" }}
@@ -366,7 +366,7 @@
         <div class="{{ $imgBoxStyle }}">
           <picture class="block">
             <source srcset="https://assets.tangled.network/home-page-vouching-dark.svg" media="(prefers-color-scheme: dark)" />
-            <img src="https://assets.tangled.network/home-page-vouching-light.svg" class="block max-w-full h-auto" alt="A globe with contributors carrying coloured trust shields, connected in a web" />
+            <img src="https://assets.tangled.network/home-page-vouching-light.svg" class="block w-full h-auto" alt="A globe with contributors carrying coloured trust shields, connected in a web" />
           </picture>
         </div>
         <h3 class="{{ $titleStyle }}">A web of trust</h3>
@@ -385,7 +385,7 @@
         <div class="{{ $imgBoxStyle }}">
           <picture class="block">
             <source srcset="https://assets.tangled.network/home-page-focus-dark.svg" media="(prefers-color-scheme: dark)" />
-            <img src="https://assets.tangled.network/home-page-focus-light.svg" class="block max-w-full h-auto" alt="A focus-mode inbox stepping through issues, pull requests, and mentions one at a time" />
+            <img src="https://assets.tangled.network/home-page-focus-light.svg" class="block w-full h-auto" alt="A focus-mode inbox stepping through issues, pull requests, and mentions one at a time" />
           </picture>
         </div>
         <h3 class="{{ $titleStyle }}">Focus mode</h3>
-- 
2.51.2