Add gap between diff boxes (#27776)

silverwind · web-flow · commit fba4ee7efcd0 · 2023-10-25T00:47:17.000+02:00
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">
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 {`