diff --git a/js/components/members_list.js b/js/components/members_list.js index e8d7b37e..7c862a31 100644 --- a/js/components/members_list.js +++ b/js/components/members_list.js @@ -93,7 +93,7 @@ export default { displayName: 'Environments', attr: 'num_env', sortFunc: numericSort, - class: 'table-cell--align-right', + class: 'table-cell--align-center', }, { displayName: 'Status', diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss index bad7fbca..6157fef7 100644 --- a/styles/components/_portfolio_layout.scss +++ b/styles/components/_portfolio_layout.scss @@ -103,6 +103,36 @@ .portfolio-content { margin: 6 * $gap $gap 0 $gap; + .member-list { + .panel { + padding: $gap / 2 0; + box-shadow: 0 6px 18px 0 rgba(144,164,183,0.3); + border-top: none; + border-bottom: none; + } + + table { + box-shadow: 0 6px 18px 0 rgba(144,164,183,0.3); + thead { + th:first-child { + padding-left: 3 * $gap; + } + } + + th { + background-color: $color-gray-lightest; + padding: $gap 2 * $gap; + border-top: none; + border-bottom: none; + color: $color-gray; + } + + td { + border-bottom: 1px solid $color-gray-lightest; + } + } + } + .application-content { .subheading { @include subheading; diff --git a/styles/elements/_tables.scss b/styles/elements/_tables.scss index 448e378c..93e9d2a2 100644 --- a/styles/elements/_tables.scss +++ b/styles/elements/_tables.scss @@ -17,6 +17,10 @@ text-align: right; } + &.table-cell--align-center { + text-align: center; + } + &.table-cell--shrink { width: 1%; } diff --git a/templates/portfolios/applications/members.html b/templates/portfolios/applications/members.html index 7b5d56c1..6b05e799 100644 --- a/templates/portfolios/applications/members.html +++ b/templates/portfolios/applications/members.html @@ -29,8 +29,9 @@ -
+
@@ -51,7 +52,7 @@ - + + +
+ @@ -60,6 +61,14 @@
+ + Add A New Member + {{ Icon('plus') }} + +
diff --git a/templates/portfolios/members/index.html b/templates/portfolios/members/index.html index b44ae8a4..c04c408e 100644 --- a/templates/portfolios/members/index.html +++ b/templates/portfolios/members/index.html @@ -25,6 +25,7 @@ @@ -61,7 +62,7 @@
-
+
@@ -91,6 +92,14 @@ + + +
+ + Add A New Member + {{ Icon('plus') }} + +