From c976a6363b384f116a046474ad781a5fcffc93f1 Mon Sep 17 00:00:00 2001
From: Alexander Medvednikov <alexander@medvednikov.com>
Date: Wed, 13 May 2026 18:26:17 +0300
Subject: [PATCH] move dir size to the end

---
 static/css/files.scss         |  8 ++++++--
 templates/admin/settings.html |  4 ++--
 templates/tree.html           | 12 ++++++------
 3 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/static/css/files.scss b/static/css/files.scss
index 4a4ee93..c0e709b 100644
--- a/static/css/files.scss
+++ b/static/css/files.scss
@@ -70,7 +70,11 @@
 }
 
 .files--with-size .file {
-	grid-template-columns: 20px minmax(150px, 25%) 90px 1fr 140px;
+	grid-template-columns: 20px minmax(150px, 25%) 1fr 140px 90px;
+}
+
+.files--with-size .file-size {
+	grid-column: 5;
 }
 
 .files--top-files .file {
@@ -165,7 +169,6 @@
 	text-align: right;
 	font-size: 13px;
 	white-space: nowrap;
-	padding-right: 10px;
 }
 
 /* Time */
@@ -173,4 +176,5 @@
 	color: #6a737d !important;
 	text-align: right;
 	font-size: 13px;
+	padding-right: 10px;
 }
diff --git a/templates/admin/settings.html b/templates/admin/settings.html
index 2a4d194..33a35e3 100644
--- a/templates/admin/settings.html
+++ b/templates/admin/settings.html
@@ -27,12 +27,12 @@
 					<input name='oauth_client_secret' type='text' placeholder='...'>
 				</div>
 				<div class="field">
-					<input name="tree_folder_size_enabled" type="checkbox"
+					<input id="tree_folder_size_enabled" name="tree_folder_size_enabled" type="checkbox"
 					@if app.settings.tree_folder_size_enabled()
 						checked
 					@end
 					>
-					<label>Display folder sizes in repository tree</label>
+					<label for="tree_folder_size_enabled">Display folder sizes in repository tree</label>
 				</div>
 				<div class="field">
 					<input type='submit' value='Update settings'>
diff --git a/templates/tree.html b/templates/tree.html
index e76e371..3a3dc7d 100644
--- a/templates/tree.html
+++ b/templates/tree.html
@@ -195,6 +195,12 @@
 							span.file-name {
 								<a href='/@repo.user_name/@repo.name/@file.url()'>@file.name</a>
 							}
+							<span class="file-msg" data-msg-for="@file.name">
+								<a href="/@repo.user_name/@repo.name/commit/@file.last_hash#@file.full_path()">@file.format_commit_message()</a>
+							</span>
+							<span class="file-time" data-time-for="@file.name">
+								@file.pretty_last_time()
+							</span>
 							@if show_folder_size
 								@if file.is_dir
 									<span class="file-size" data-size-for="@file.name">
@@ -204,12 +210,6 @@
 									<span class="file-size"></span>
 								@end
 							@end
-							<span class="file-msg" data-msg-for="@file.name">
-								<a href="/@repo.user_name/@repo.name/commit/@file.last_hash#@file.full_path()">@file.format_commit_message()</a>
-							</span>
-							<span class="file-time" data-time-for="@file.name">
-								@file.pretty_last_time()
-							</span>
 						</div>
 					@end
 				</div>
-- 
2.39.5