From 3dfe82a07e1f9cda1e0daab5dfdec85d4bf59964 Mon Sep 17 00:00:00 2001
From: Gerben <gerben@treora.com>
Date: Fri, 24 Apr 2020 18:42:39 +0200
Subject: [PATCH] Tweak file list on narrow screen

---
 public/custom-style.css       | 7 +++++++
 templates/repo/view_list.tmpl | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/public/custom-style.css b/public/custom-style.css
index b14f1fc..10cc2b8 100644
--- a/public/custom-style.css
+++ b/public/custom-style.css
@@ -93,3 +93,10 @@ details:not([open]) > summary.ui.top.attached.header:hover {
 .ui.labeled.button > .label {
   padding: .78571429em 1.5em .78571429em; /* same padding as the button */
 }
+
+
+.clearfix::after {
+  content: " ";
+  display: table;
+  clear: both;
+}
diff --git a/templates/repo/view_list.tmpl b/templates/repo/view_list.tmpl
index 7a5d844..2b14cfd 100644
--- a/templates/repo/view_list.tmpl
+++ b/templates/repo/view_list.tmpl
@@ -9,7 +9,7 @@
 {{ $collapseList := and .ReadmeExist (not .HasParentPath)}}
 <details {{if not $collapseList}}open{{end}}>
 	<summary class="ui top attached header">
-		<h4 style="display: inline;">
+		<h4 style="display: inline;" class="clearfix">
 			{{if $collapseList}}Contents of{{end}}
 			{{ $n := len .TreeNames}}
 			{{ $l := Subtract $n 1}}
@@ -34,7 +34,7 @@
 			</div>
 		</h4>
 	</summary>
-	<table id="repo-files-table" class="ui single line attached table">
+	<table id="repo-files-table" class="ui single line attached unstackable table">
 		<tbody>
 			{{if .HasParentPath}}
 				<tr class="has-parent">