Merge pull request #175 from Automattic/fix-45-sketch-widget-spacing

Sketch: Update widget styles to add hierachy

sketch/rtl.css

@@ -193,6 +193,15 @@ body[class*="jetpack-portfolio"].archive .entry-thumbnail .edit-link a {
 	margin-left: auto;
 }
 
+/* Custom Menu, Pages & Categories */
+
+.widget_nav_menu ul ul,
+.widget_categories ul ul,
+.widget_pages ul ul {
+  margin-left: 0;
+  margin-right: 2.0em;
+}
+
 /* Tags */
 
 .wp_widget_tag_cloud a,

sketch/style.css

@@ -1827,6 +1827,30 @@ object {
   color: #f68060;
 }
 
+/* Custom Menu, Pages & Categories */
+
+.widget_nav_menu ul ul,
+.widget_categories ul ul,
+.widget_pages ul ul {
+  margin-top: 6px;
+  margin-left: 2.0em;
+}
+
+.widget_nav_menu ul ul li:first-child,
+.widget_categories ul ul li:first-child,
+.widget_pages ul ul li:first-child {
+  margin-top: 0;
+}
+
+.widget_nav_menu li.menu-item-has-children,
+.widget_pages li.page_item_has_children  {
+  padding-bottom: 0;
+}
+
+.widget_categories ul.children {
+  margin-bottom: -7px;
+}
+
 /* =Jetpack */
 /* Globally hidden elements when Infinite Scroll is supported and in use. */
 .infinite-scroll .paging-navigation,