From 8363296275af27563dc88b029c0570ba5bc61038 Mon Sep 17 00:00:00 2001
From: Marius BALTEANU <marius.balteanu@zitec.com>
Date: Sun, 2 Dec 2018 11:49:20 +0000
Subject: [PATCH] Do not break inside columns

---
 public/stylesheets/application.css | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 4194818..d2e4212 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -593,10 +593,28 @@ ul.projects div.description li {list-style-type:initial;}
   -moz-column-width: 400px;
   -moz-column-gap : 0.5rem;
 }
-#projects-index ul.projects li.root>ul.projects { border-left: 3px solid #e0e0e0; padding-left:1em;}
-#projects-index ul.projects li.root {margin-bottom: 1em;}
+#projects-index li.root ul.projects { border-left: 3px solid #e0e0e0; padding-left:1em;}
+#projects-index ul.projects li.root {
+  margin-bottom: 1em;
+  padding: 15px 20px;
+  border: 1px solid #d7d7d7;
+  border-radius: 3px;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  break-inside: avoid-column;
+  -webkit-break-inside: avoid-column;
+  -moz-break-inside: avoid-column;
+  page-break-inside:avoid;
+  -webkit-column-break-inside: avoid;
+  -moz-column-break-inside: avoid;
+  width: 100%;
+}
 #projects-index ul.projects li.child {margin-top: 1em;}
 #projects-index ul.projects div.root a.project { font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }
+#projects-index ul.projects div.description {
+  padding-top: 0.5em;
+}
 #projects-index a.icon-fav {padding-left:0; padding-right:20px; background-position:98% 50%;}
 
 #notified-projects>ul, #tracker_project_ids>ul, #custom_field_project_ids>ul {max-height:250px; overflow-y:auto;}
-- 
2.1.4

