add nesting to categories on account/watched_categories

less/account.less

@@ -276,6 +276,23 @@
 	[component="account/moderation-note/list"] .icon {
 		margin-right: 10px;
 	}
+
+	.categories {
+		[component="categories/category"] {
+			.depth-1 {
+				padding-left: 50px;
+			}
+			.depth-2 {
+				padding-left: 100px;
+			}
+			.depth-3 {
+				padding-left: 150px;
+			}
+			.depth-4 {
+				padding-left: 150px;
+			}
+		}
+	}
 }
 
 

templates/partials/account/category-item.tpl

@@ -1,7 +1,7 @@
 <li component="categories/category" data-cid="{../cid}" data-parent-cid="{../parentCid}" class="row clearfix">
 	<meta itemprop="name" content="{../name}">
 
-	<div class="content col-xs-12 col-md-10 col-sm-12">
+	<div class="content col-xs-12 col-md-10 col-sm-12 depth-{../depth}">
 		<div class="icon pull-left" style="{function.generateCategoryBackground}">
 			<i class="fa fa-fw {../icon}"></i>
 		</div>