Fix for regression in activity list avatar styling

Tighten up scoping of various classes.

Signed-off-by: Alex Coles <alex@alexbcoles.com>

app/assets/stylesheets/content/_work_packages.sass

@@ -146,17 +146,6 @@
   line-height: 18px
 
 
-// TODO: remove or rename with more specific name
-span.user
-  display: block
-  line-height: 16px
-
-// TODO: remove or rename with more specific name
-span.date
-  display: block
-  font-size: 12px
-
-
 .comments-form
   float: left
   width: 100%
@@ -237,12 +226,3 @@ $work-package-details--tab-height: 40px
     border-bottom: 2px solid $content_link_color
     a
       color: $content_link_color
-
-.work-package-details-activities-activity:not(:last-child)
-  margin-bottom: 10px
-
-.work-package-details-activities-activity-contents
-  padding: 10px 0
-  textarea
-    width: 100%
-    resize: none

app/assets/stylesheets/content/work_package_details/_activities_tab.sass

@@ -68,3 +68,29 @@ span.comment
   li
     padding: 0 !important
     margin: 0 !important
+
+.work-package-details-activities-activity:not(:last-child)
+  margin-bottom: 10px
+
+.work-package-details-activities-activity-contents
+  padding: 10px 0
+
+  textarea
+    width: 100%
+    resize: none
+
+  .avatar
+    float: left
+    margin: -2px 10px 0 0
+
+  .avatar-mini
+    float: left
+    margin: -3px 7px 0 0
+
+  .user
+    display: block
+    line-height: 16px
+
+  .date
+    display: block
+    font-size: 12px