From 019bc066f04ea94c1e06f5a81c225633d09d439d Mon Sep 17 00:00:00 2001
From: bergware <ronald.vd.berg62@gmail.com>
Date: Tue, 7 May 2019 19:12:31 +0200
Subject: [PATCH] Dashbaord: wrap long descriptions

---
 plugins/dynamix/DashStats.page           | 4 ++--
 plugins/dynamix/styles/default-azure.css | 1 +
 plugins/dynamix/styles/default-black.css | 1 +
 plugins/dynamix/styles/default-gray.css  | 1 +
 plugins/dynamix/styles/default-white.css | 1 +
 5 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/plugins/dynamix/DashStats.page b/plugins/dynamix/DashStats.page
index 8af21ae37..f2049d902 100644
--- a/plugins/dynamix/DashStats.page
+++ b/plugins/dynamix/DashStats.page
@@ -193,9 +193,9 @@ form[name=boot]{display:none}
 </td><td></td></tr></thead>
 <tbody class='sys_view'>
 <tr><td></td><td colspan='2' class='top'>
-<span class='header'>Description</span><br>
+<span class='header'>Description</span><span class='text'><br>
 <?=$var['COMMENT']?><br>
-<?=$var['SYS_MODEL']?><br><br>
+<?=$var['SYS_MODEL']?><br><br></span>
 <span class='header'>Registration</span><br>Unraid OS <b><em><?=$var['regTy']?></em></b><br><br>
 <span class='header'>Uptime</span><br><span class='uptime'></span>
 </td><td class='top center'>
diff --git a/plugins/dynamix/styles/default-azure.css b/plugins/dynamix/styles/default-azure.css
index d7adafde0..2edc9987f 100644
--- a/plugins/dynamix/styles/default-azure.css
+++ b/plugins/dynamix/styles/default-azure.css
@@ -195,6 +195,7 @@ table.share_status.dashboard.box1 tr.last>td{padding-bottom:20px}
 table.share_status.dashboard.box1 td i[class^="icon-"]{font-size:32px;vertical-align:top}
 table.share_status.dashboard.box1 td i[class^="fa "]{font-size:1rem;vertical-align:super}
 table.share_status.dashboard.box1 td span.header{font-size:1.1rem!important;text-transform:uppercase;letter-spacing:1px}
+table.share_status.dashboard.box1 td span.text{white-space:normal}
 table.share_status.dashboard.box2 thead tr:first-child td{border-bottom:1px solid #606e7f}
 table.share_status.dashboard.box2 thead tr:first-child td:first-child{border-bottom:none}
 table.share_status.dashboard.box2 thead tr:first-child td:last-child{border-bottom:none}
diff --git a/plugins/dynamix/styles/default-black.css b/plugins/dynamix/styles/default-black.css
index 09a87150d..e136e6cb5 100644
--- a/plugins/dynamix/styles/default-black.css
+++ b/plugins/dynamix/styles/default-black.css
@@ -196,6 +196,7 @@ table.share_status.dashboard.box1 tr.last>td{padding-bottom:20px}
 table.share_status.dashboard.box1 td i[class^="icon-"]{font-size:32px;vertical-align:top}
 table.share_status.dashboard.box1 td i[class^="fa "]{font-size:1rem;vertical-align:super}
 table.share_status.dashboard.box1 td span.header{font-size:1.1rem!important;text-transform:uppercase;letter-spacing:1px}
+table.share_status.dashboard.box1 td span.text{white-space:normal}
 table.share_status.dashboard.box2 thead tr:nth-child(3)>td{font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}
 table.share_status.dashboard.box2 tr td:nth-child(2){min-width:20%}
 table.share_status.dashboard.box2 tr td:nth-child(3){min-width:18%}
diff --git a/plugins/dynamix/styles/default-gray.css b/plugins/dynamix/styles/default-gray.css
index 6ed5d0390..2d9c48f7f 100644
--- a/plugins/dynamix/styles/default-gray.css
+++ b/plugins/dynamix/styles/default-gray.css
@@ -195,6 +195,7 @@ table.share_status.dashboard.box1 tr.last>td{padding-bottom:20px}
 table.share_status.dashboard.box1 td i[class^="icon-"]{font-size:32px;vertical-align:top}
 table.share_status.dashboard.box1 td i[class^="fa "]{font-size:1rem;vertical-align:super}
 table.share_status.dashboard.box1 td span.header{font-size:1.1rem!important;text-transform:uppercase;letter-spacing:1px}
+table.share_status.dashboard.box1 td span.text{white-space:normal}
 table.share_status.dashboard.box2 thead tr:first-child td{border-bottom:1px solid #606e7f}
 table.share_status.dashboard.box2 thead tr:first-child td:first-child{border-bottom:none}
 table.share_status.dashboard.box2 thead tr:first-child td:last-child{border-bottom:none}
diff --git a/plugins/dynamix/styles/default-white.css b/plugins/dynamix/styles/default-white.css
index 9a5355361..161f25ae2 100644
--- a/plugins/dynamix/styles/default-white.css
+++ b/plugins/dynamix/styles/default-white.css
@@ -196,6 +196,7 @@ table.share_status.dashboard.box1 tr.last>td{padding-bottom:20px}
 table.share_status.dashboard.box1 td i[class^="icon-"]{font-size:32px;vertical-align:top}
 table.share_status.dashboard.box1 td i[class^="fa "]{font-size:1rem;vertical-align:super}
 table.share_status.dashboard.box1 td span.header{font-size:1.1rem!important;text-transform:uppercase;letter-spacing:1px}
+table.share_status.dashboard.box1 td span.text{white-space:normal}
 table.share_status.dashboard.box2 thead tr:nth-child(3)>td{font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}
 table.share_status.dashboard.box2 tr td:nth-child(2){min-width:20%}
 table.share_status.dashboard.box2 tr td:nth-child(3){min-width:18%}