1 files changed, 35 insertions, 34 deletions

diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss
index efa47be9a73..949d52cffa2 100644
--- a/app/assets/stylesheets/pages/projects.scss
+++ b/app/assets/stylesheets/pages/projects.scss
@@ -582,54 +582,55 @@ pre.light-well {
 /*
  * Projects list rendered on dashboard and user page
  */
-
 .projects-list {
   @include basic-list;
+  display: flex;
+  flex-direction: column;
 
   .project-row {
-    border-color: $white-normal;
-
-    .project-full-name {
-      @include str-truncated;
+    display: flex;
+    align-items: center;
+  }
 
-      @media (max-width: $screen-xs-max) {
-        max-width: 50%;
-      }
-    }
+  h3 {
+    font-size: $gl-font-size;
+  }
 
-    .controls {
-      line-height: $list-text-height;
+  a {
+    color: $gl-text-color;
+  }
 
-      .badge {
-        @media (max-width: $screen-xs-max) {
-          display: none;
-        }
-      }
+  .avatar-container,
+  .controls {
+    flex: 0 0 auto;
+  }
 
-      a:hover {
-        text-decoration: none;
-      }
+  .avatar-container {
+    align-self: flex-start;
+  }
 
-      > span {
-        margin-left: 10px;
-      }
+  .project-details {
+    min-width: 0;
 
-      svg {
-        position: relative;
-        top: 2px;
-      }
+    p,
+    .commit-row-message {
+      @include str-truncated(100%);
+      margin-bottom: 0;
     }
+  }
 
-    .description p {
-      @media (max-width: $screen-xs-max) {
-        max-width: 50%;
-      }
-    }
+  .controls {
+    margin-left: auto;
   }
 
-  .bottom {
-    padding-top: $gl-padding;
-    padding-bottom: 0;
+  .ci-status-link {
+    display: inline-block;
+    line-height: 17px;
+    vertical-align: middle;
+
+    &:hover {
+      text-decoration: none;
+    }
   }
 }