From f20cfc291ce40013fe88be412f97f7c58ac5a3a6 Mon Sep 17 00:00:00 2001
From: Giteabot <teabot@gitea.io>
Date: Wed, 26 Jul 2023 00:58:48 -0400
Subject: [PATCH] Fix LFS object list style (#26133) (#26147)

Backport #26133 by @wxiaoguang

Close #26104 . Only a quick fix, the UI is not perfect.

Before:

<details>

![image](https://github.com/go-gitea/gitea/assets/2114189/7b10d42d-8317-4d99-80f9-b6c5fe05c17e)

![image](https://github.com/go-gitea/gitea/assets/2114189/b43f1242-61a0-45e3-98b7-aa74b29f3813)

</details>

After:

<details>

![image](https://github.com/go-gitea/gitea/assets/2114189/a8d27f70-781d-4702-866f-a56df6dd6c0a)

![image](https://github.com/go-gitea/gitea/assets/2114189/379274e7-c67b-4c11-9cee-28a298b4ff5a)

</details>

Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
(cherry picked from commit 0f73be0ae3247deb1881f1ded9f8b2e55e46e233)
---
 templates/repo/settings/lfs.tmpl          |  8 +++---
 templates/repo/settings/lfs_pointers.tmpl | 30 ++++++++---------------
 2 files changed, 13 insertions(+), 25 deletions(-)

diff --git a/templates/repo/settings/lfs.tmpl b/templates/repo/settings/lfs.tmpl
index 4d469a364e..0d3a618e8d 100644
--- a/templates/repo/settings/lfs.tmpl
+++ b/templates/repo/settings/lfs.tmpl
@@ -12,11 +12,9 @@
 				{{range .LFSFiles}}
 					<tr>
 						<td>
-							<span class="text sha label">
-								<a href="{{$.Link}}/show/{{.Oid}}" title="{{.Oid}}" class="ui detail icon button brown truncate">
-									{{ShortSha .Oid}}
-								</a>
-							</span>
+							<a href="{{$.Link}}/show/{{.Oid}}" title="{{.Oid}}" class="ui brown button gt-mono">
+								{{ShortSha .Oid}}
+							</a>
 						</td>
 						<td>{{FileSize .Size}}</td>
 						<td>{{TimeSince .CreatedUnix.AsTime $.locale}}</td>
diff --git a/templates/repo/settings/lfs_pointers.tmpl b/templates/repo/settings/lfs_pointers.tmpl
index 5f0cf3164d..0fffdadc3f 100644
--- a/templates/repo/settings/lfs_pointers.tmpl
+++ b/templates/repo/settings/lfs_pointers.tmpl
@@ -22,41 +22,31 @@
 					<tr>
 						<th class="three wide">{{.locale.Tr "repo.settings.lfs_pointers.sha"}}</th>
 						<th class="four wide">{{.locale.Tr "repo.settings.lfs_pointers.oid"}}</th>
-						<th class="three wide"></th>
 						<th class="two wide">{{.locale.Tr "repo.settings.lfs_pointers.inRepo"}}</th>
 						<th class="two wide">{{.locale.Tr "repo.settings.lfs_pointers.exists"}}</th>
 						<th class="two wide">{{.locale.Tr "repo.settings.lfs_pointers.accessible"}}</th>
+						<th class="three wide"></th>
 					</tr>
 				</thead>
 				<tbody>
 					{{range .Pointers}}
 						<tr>
 							<td>
-								<span class="text sha label" title="{{.SHA}}">
-									<a href="{{$.RepoLink}}/raw/blob/{{.SHA}}" rel="nofollow" target="_blank" class="ui detail icon button truncate">
-										{{ShortSha .SHA}}
-									</a>
-								</span>
+								<a href="{{$.RepoLink}}/raw/blob/{{.SHA}}" rel="nofollow" target="_blank" title="{{.SHA}}" class="ui button gt-mono">
+									{{ShortSha .SHA}}
+								</a>
 							</td>
 							<td>
-								<span class="text sha label" title="{{.Oid}}">
-									{{if and .Exists .InRepo}}
-										<a href="{{$.LFSFilesLink}}/show/{{.Oid}}" rel="nofollow" target="_blank" class="ui text detail icon button brown truncate">
-											{{ShortSha .Oid}}
-										</a>
-									{{else}}
-										<button class="ui detail icon button brown disabled truncate">
-											{{ShortSha .Oid}}
-										</button>
-									{{end}}
-								</span>
-							</td>
-							<td>
-								<a class="ui primary button" href="{{$.LFSFilesLink}}/find?oid={{.Oid}}&size={{.Size}}&sha={{.SHA}}">{{$.locale.Tr "repo.settings.lfs_findcommits"}}</a>
+								<a {{if and .Exists .InRepo}}href="{{$.LFSFilesLink}}/show/{{.Oid}}" rel="nofollow" target="_blank"{{end}} title="{{.Oid}}" class="ui brown button gt-mono">
+									{{ShortSha .Oid}}
+								</a>
 							</td>
 							<td>{{if .InRepo}}{{svg "octicon-check"}}{{else}}{{svg "octicon-x"}}{{end}}</td>
 							<td>{{if .Exists}}{{svg "octicon-check"}}{{else}}{{svg "octicon-x"}}{{end}}</td>
 							<td>{{if .Accessible}}{{svg "octicon-check"}}{{else}}{{svg "octicon-x"}}{{end}}</td>
+							<td class="gt-text-right">
+								<a class="ui primary button" href="{{$.LFSFilesLink}}/find?oid={{.Oid}}&size={{.Size}}&sha={{.SHA}}">{{$.locale.Tr "repo.settings.lfs_findcommits"}}</a>
+							</td>
 						</tr>
 					{{end}}
 				</tbody>