Moved some CSS hover rules to a more appropriate target

app/less/archetype.less

@@ -73,12 +73,28 @@
             min-height: 42px;
 
             .label-sub {
-                padding: 10px 0 4px 0;
+                padding: 8px 0 8px 0;
                 display: inline-block;
                 min-height: 20px; /* this makes the header clickable when there's no icon and no text */
                 &.module-label {
                     width: 100%;
                 }
+                &:hover {
+                    cursor: pointer;
+    
+                    label  {
+                        span {
+                            text-decoration: underline;
+                        }
+                        &:hover {
+                            cursor: pointer;
+                        }
+                    }
+                    
+                    .caret-right {
+                        border-left-color: #333;
+                    }
+                }
             }
 
             .dropdown-menu {
@@ -99,19 +115,6 @@
                 cursor: default;
             }
 
-            &.enableCollapsing:hover {
-                cursor: pointer;
-
-                label  {
-                    span {
-                        text-decoration: underline;
-                    }
-                    &:hover {
-                        cursor: pointer;
-                    }
-                }
-            }
-
             .caret {
                 margin: 8px 1px 0 2px;
                 position: absolute;
@@ -152,9 +155,6 @@
             }
             
             &:hover {
-                .caret-right {
-                    border-left-color: #333;
-                }
             }
         }