workspace projects list

scss/atat.scss

@@ -29,3 +29,4 @@
 
 @import 'sections/login';
 @import 'sections/request_approval';
+@import 'sections/projects_list';

scss/elements/_block_lists.scss

@@ -12,6 +12,9 @@
   @include panel-base;
   @include panel-theme-default;
   padding: $gap * 2;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
 }
 
 @mixin block-list__title {

scss/elements/_tables.scss

@@ -16,10 +16,12 @@
 
     th {
       @include block-list-header;
+      display: table-cell;
     }
 
     td {
       @include block-list-item;
+      display: table-cell;
     }
 
     &:last-child {

scss/sections/_projects_list.scss

@@ -0,0 +1,33 @@
+.project-list-item {
+  .project-list-item__environment {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+
+    .project-list-item__environment__link {
+      text-decoration: none;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+
+      .icon {
+        @include icon-color($color-primary);
+        margin-right: $gap;
+      }
+
+      span {
+        text-decoration: underline;
+      }
+    }
+
+    .project-list-item__environment__members {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+
+      span {
+        @include h6;
+      }
+    }
+  }
+}