From 29d5c27bf132765b103afdcbd91657b13437c82d Mon Sep 17 00:00:00 2001
From: puni9869 <punitinani1@hotmail.com>
Date: Wed, 26 Jul 2023 13:27:52 +0530
Subject: [PATCH 1/2] Fixing the align center to row and space around equal

---
 templates/repo/diff/box.tmpl | 4 ++--
 web_src/css/helpers.css      | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/templates/repo/diff/box.tmpl b/templates/repo/diff/box.tmpl
index 1bc79ad2ab1ff..05da5283e2aed 100644
--- a/templates/repo/diff/box.tmpl
+++ b/templates/repo/diff/box.tmpl
@@ -1,5 +1,5 @@
 <div>
-	<div class="diff-detail-box diff-box sticky gt-df gt-sb gt-ac gt-fw">
+	<div class="diff-detail-box diff-box sticky gt-df gt-sb gt-fr gt-ac">
 		<div class="gt-df gt-ac gt-fw">
 			{{if not .DiffNotAvailable}}
 				<button class="diff-toggle-file-tree-button gt-df gt-ac not-mobile" data-show-text="{{.locale.Tr "repo.diff.show_file_tree"}}" data-hide-text="{{.locale.Tr "repo.diff.hide_file_tree"}}">
@@ -82,7 +82,7 @@
 					{{$showFileViewToggle := or $isImage (and (not $file.IsIncomplete) $isCsv)}}
 					{{$isExpandable := or (gt $file.Addition 0) (gt $file.Deletion 0) $file.IsBin}}
 					{{$isReviewFile := and $.IsSigned $.PageIsPullFiles (not $.IsArchived)}}
-					<div class="diff-file-box diff-box file-content {{TabSizeClass $.Editorconfig $file.Name}} gt-mt-3" id="diff-{{$file.NameHash}}" data-old-filename="{{$file.OldName}}" data-new-filename="{{$file.Name}}" {{if or ($file.ShouldBeHidden) (not $isExpandable)}}data-folded="true"{{end}}>
+					<div class="diff-file-box diff-box file-content {{TabSizeClass $.Editorconfig $file.Name}} gt-mt-0" id="diff-{{$file.NameHash}}" data-old-filename="{{$file.OldName}}" data-new-filename="{{$file.Name}}" {{if or ($file.ShouldBeHidden) (not $isExpandable)}}data-folded="true"{{end}}>
 						<h4 class="diff-file-header sticky-2nd-row ui top attached normal header gt-df gt-ac gt-sb gt-fw">
 							<div class="diff-file-name gt-df gt-ac gt-gap-2 gt-fw">
 								<button class="fold-file btn interact-bg gt-p-2{{if not $isExpandable}} gt-invisible{{end}}">
diff --git a/web_src/css/helpers.css b/web_src/css/helpers.css
index 8a6c2c6539074..0cf5e6057ba3f 100644
--- a/web_src/css/helpers.css
+++ b/web_src/css/helpers.css
@@ -13,6 +13,7 @@ Gitea's private styles use `g-` prefix.
 .gt-je { justify-content: flex-end !important; }
 .gt-sb { justify-content: space-between !important; }
 .gt-fc { flex-direction: column !important; }
+.gt-fr { flex-direction: row !important; }
 .gt-f1 { flex: 1 !important; }
 .gt-fw { flex-wrap: wrap !important; }
 .gt-vm { vertical-align: middle !important; }

From 083cddcafb5c0eb4ffc415c8e905cf8d70b92e9b Mon Sep 17 00:00:00 2001
From: puni9869 <punitinani1@hotmail.com>
Date: Wed, 26 Jul 2023 13:56:12 +0530
Subject: [PATCH 2/2] Reverting `gt-fr` style in helper

---
 templates/repo/diff/box.tmpl | 2 +-
 web_src/css/helpers.css      | 1 -
 web_src/css/repo.css         | 2 +-
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/templates/repo/diff/box.tmpl b/templates/repo/diff/box.tmpl
index 05da5283e2aed..72e6731254c86 100644
--- a/templates/repo/diff/box.tmpl
+++ b/templates/repo/diff/box.tmpl
@@ -1,5 +1,5 @@
 <div>
-	<div class="diff-detail-box diff-box sticky gt-df gt-sb gt-fr gt-ac">
+	<div class="diff-detail-box diff-box sticky gt-df gt-sb gt-ac">
 		<div class="gt-df gt-ac gt-fw">
 			{{if not .DiffNotAvailable}}
 				<button class="diff-toggle-file-tree-button gt-df gt-ac not-mobile" data-show-text="{{.locale.Tr "repo.diff.show_file_tree"}}" data-hide-text="{{.locale.Tr "repo.diff.hide_file_tree"}}">
diff --git a/web_src/css/helpers.css b/web_src/css/helpers.css
index 0cf5e6057ba3f..8a6c2c6539074 100644
--- a/web_src/css/helpers.css
+++ b/web_src/css/helpers.css
@@ -13,7 +13,6 @@ Gitea's private styles use `g-` prefix.
 .gt-je { justify-content: flex-end !important; }
 .gt-sb { justify-content: space-between !important; }
 .gt-fc { flex-direction: column !important; }
-.gt-fr { flex-direction: row !important; }
 .gt-f1 { flex: 1 !important; }
 .gt-fw { flex-wrap: wrap !important; }
 .gt-vm { vertical-align: middle !important; }
diff --git a/web_src/css/repo.css b/web_src/css/repo.css
index 6cd7c2537e513..04cb4eed2d01c 100644
--- a/web_src/css/repo.css
+++ b/web_src/css/repo.css
@@ -1594,7 +1594,7 @@
 
 @media (max-width: 991.98px) {
   .repository .diff-detail-box {
-    flex-direction: column;
+    flex-direction: row;
     align-items: flex-start;
   }
 }