Fix description margin for groups list

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

5 files changed, 31 insertions, 11 deletions

diff --git a/app/assets/stylesheets/framework/lists.scss b/app/assets/stylesheets/framework/lists.scss
index bef3ed2f485..b6a781f79de 100644
--- a/app/assets/stylesheets/framework/lists.scss
+++ b/app/assets/stylesheets/framework/lists.scss
@@ -118,6 +118,13 @@ ul.content-list {
       font-weight: 600;
     }
 
+    .description {
+      p {
+        @include str-truncated;
+        margin-bottom: 0;
+      }
+    }
+
     .avatar {
       margin-right: 15px;
     }
diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss
index 41b1d6cefd9..247ac83c24a 100644
--- a/app/assets/stylesheets/pages/projects.scss
+++ b/app/assets/stylesheets/pages/projects.scss
@@ -410,13 +410,6 @@ pre.light-well {
         margin-left: 10px;
       }
     }
-
-    .project-description {
-      p {
-        @include str-truncated;
-        margin-bottom: 0;
-      }
-    }
   }
 
   .bottom {
diff --git a/app/views/help/ui.html.haml b/app/views/help/ui.html.haml
index 746386cab58..f3f687eb6d9 100644
--- a/app/views/help/ui.html.haml
+++ b/app/views/help/ui.html.haml
@@ -64,8 +64,10 @@
 
   %h2#lists Lists
 
-  %h4
+  .lead
+    Simple list using
     %code .content-list
+
   %ul.content-list
     %li
       One item
@@ -74,6 +76,24 @@
     %li
       One item
 
+  .lead
+    List with avatar, title and description using
+    %code .content-list
+
+  %ul.content-list
+    %li
+      = image_tag 'no_avatar.png', class: 'avatar s40'
+      .title Title
+      .description Description
+    %li
+      = image_tag 'no_avatar.png', class: 'avatar s40'
+      .title Title
+      .description Description
+    %li
+      = image_tag 'no_avatar.png', class: 'avatar s40'
+      .title Title
+      .description Description
+
   %h4
     %code .well-list
   %ul.well-list
diff --git a/app/views/shared/groups/_group.html.haml b/app/views/shared/groups/_group.html.haml
index 389a17786a8..fb9a8db0889 100644
--- a/app/views/shared/groups/_group.html.haml
+++ b/app/views/shared/groups/_group.html.haml
@@ -30,5 +30,5 @@
     %span #{group_member.human_access}
 
   - if group.description.present?
-    .light
+    .description
       = markdown(group.description, pipeline: :description)
diff --git a/app/views/shared/projects/_project.html.haml b/app/views/shared/projects/_project.html.haml
index 52182f2b4bd..99e48e86e38 100644
--- a/app/views/shared/projects/_project.html.haml
+++ b/app/views/shared/projects/_project.html.haml
@@ -43,9 +43,9 @@
         title: "#{visibility_level_label(project.visibility_level)} - #{project_visibility_level_description(project.visibility_level)}"}
         = visibility_level_icon(project.visibility_level, fw: false)
     - if show_last_commit_as_description
-      .project-description
+      .description
         = link_to_gfm project.commit.title, namespace_project_commit_path(project.namespace, project, project.commit),
           class: "commit-row-message"
     - elsif project.description.present?
-      .project-description
+      .description
         = markdown(project.description, pipeline: :description)