Better indentation styles for treelist items

2 files changed, 33 insertions, 1 deletions

diff --git a/skins/classic/common.css b/skins/classic/common.css
index 6811e91ea..9eaa8f7b4 100644
--- a/skins/classic/common.css
+++ b/skins/classic/common.css
@@ -660,6 +660,12 @@ ul.treelist li div.treetoggle
   cursor: pointer;
 }
 
+ul.treelist li ul li div.treetoggle
+{
+  left: 28px !important;
+  left: 4px;
+}
+
 ul.treelist li div.collapsed
 {
   background: url(images/icons/collapsed.png) bottom right no-repeat;
@@ -710,6 +716,16 @@ ul.treelist li ul li a
   padding-left: 45px;
 }
 
+ul.treelist ul ul li a
+{
+  padding-left: 65px;
+}
+
+ul.treelist ul ul ul li
+{
+  margin-left: 20px;
+}
+
 ul.treelist li ul li:last-child
 {
   border-bottom: 0;
diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index 992243f71..671cf6bd6 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -1191,10 +1191,18 @@ ul.treelist li a {
 	text-overflow: ellipsis;
 }
 
-ul.treelist li ul li a {
+ul.treelist ul li a {
 	padding-left: 38px;
 }
 
+ul.treelist ul ul li a {
+	padding-left: 54px;
+}
+
+ul.treelist ul ul ul li {
+	margin-left: 16px;
+}
+
 ul.treelist.iconized li a {
 	padding-left: 36px;
 }
@@ -1213,11 +1221,19 @@ ul.treelist li div.treetoggle {
 	cursor: pointer;
 }
 
+ul.treelist li ul li div.treetoggle {
+	left: 22px;
+}
+
 ul.treelist.iconized li div.treetoggle {
 	top: 13px;
 	left: 19px;
 }
 
+ul.treelist.iconized li ul li div.treetoggle {
+	left: 35px;
+}
+
 ul.treelist li div.treetoggle.expanded {
 	background-position: -3px -168px;
 }