Add gap between diff boxes (#27776) (#27781)

GiteaBot · silverwind · web-flow · commit 9dd8f347077d · 2023-10-25T09:09:08.000+08:00
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>
diff --git 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 {

Original file line number	Diff line number	Diff line change
`@@ -2734,6 +2734,9 @@ tbody.commit-list {`
`2734`	`2734`	`#diff-file-boxes {`
`2735`	`2735`	`flex: 1;`
`2736`	`2736`	`max-width: 100%;`
	`2737`	`+ display: flex;`
	`2738`	`+ flex-direction: column;`
	`2739`	`+ gap: 8px;`
`2737`	`2740`	`}`
`2738`	`2741`
`2739`	`2742`	`#diff-file-tree {`