From 4d7acdd44d4413c5bb712fe05a77bcaccc3054a5 Mon Sep 17 00:00:00 2001
From: zotlabs <mike@macgirvin.com>
Date: Mon, 11 Dec 2017 15:47:54 -0800
Subject: try as best we can to keep the directory table (cloud list mode)
 inside the containing div. It looks pretty bad when you have a long filename.

---
 view/theme/redbasic/css/style.css |  9 +++++++++
 view/tpl/cloud_directory.tpl      | 10 +++++-----
 2 files changed, 14 insertions(+), 5 deletions(-)

(limited to 'view')

diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 5728d7948..a3e2c47ab 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -1759,3 +1759,12 @@ dl.bb-dl > dd > li {
 	overflow: hidden;
 }
 
+#cloud-index {
+	width: 100%;
+	table-layout: fixed;
+}
+
+#cloud-index td {
+	width: auto;
+	overflow: hidden;
+}
\ No newline at end of file
diff --git a/view/tpl/cloud_directory.tpl b/view/tpl/cloud_directory.tpl
index ad3caff88..660e1e011 100644
--- a/view/tpl/cloud_directory.tpl
+++ b/view/tpl/cloud_directory.tpl
@@ -39,12 +39,12 @@
 	{{else}}
 	<table id="cloud-index">
 		<tr>
-			<th width="1%"></th>
-			<th width="92%">{{$name}}</th>
-			<th width="1%"></th><th width="1%"></th><th width="1%"></th><th width="1%"></th>
+			<th width="4%"></th>
+			<th width="47%">{{$name}}</th>
+			<th width="4%"></th><th width="4%"></th><th width="4%"></th><th width="4%"></th>
 			<th width="1%">{{*{{$type}}*}}</th>
-			<th width="1%" class="d-none d-md-table-cell">{{$size}}</th>
-			<th width="1%" class="d-none d-md-table-cell">{{$lastmod}}</th>
+			<th width="10%" class="d-none d-md-table-cell">{{$size}}</th>
+			<th width="22%" class="d-none d-md-table-cell">{{$lastmod}}</th>
 		</tr>
 	{{if $parentpath}}
 		<tr>
-- 
cgit v1.2.3