From 9dd8f347077d2ca6c48d4aa8178ee40628954d89 Mon Sep 17 00:00:00 2001
From: Giteabot <teabot@gitea.io>
Date: Wed, 25 Oct 2023 09:09:08 +0800
Subject: [PATCH] Add gap between diff boxes (#27776) (#27781)

Backport #27776 by @silverwind

Before (almost no gap between files):
<img width="1240" alt="Screenshot 2023-10-24 at 19 43 32"
src="https://github.com/go-gitea/gitea/assets/115237/30cdbdbc-d102-479c-89ce-3f68837ae0cd">

After (with 8px gap):
<img width="1241" alt="Screenshot 2023-10-24 at 19 43 22"
src="https://github.com/go-gitea/gitea/assets/115237/72b26a30-8730-4a36-8de9-be143b684b98">

Co-authored-by: silverwind <me@silverwind.io>
---
 web_src/css/repo.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/web_src/css/repo.css b/web_src/css/repo.css
index 812962e6916..db8cd9e6879 100644
--- a/web_src/css/repo.css
+++ b/web_src/css/repo.css
@@ -2734,6 +2734,9 @@ tbody.commit-list {
 #diff-file-boxes {
   flex: 1;
   max-width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
 }
 
 #diff-file-tree {