diff --git a/app/partials/project/project.jade b/app/partials/project/project.jade
index 77a571ec..56fb4f81 100644
--- a/app/partials/project/project.jade
+++ b/app/partials/project/project.jade
@@ -3,19 +3,18 @@ div.wrapper(ng-controller="ProjectController as ctrl")
h1
span.green(tg-bo-bind="project.name", class="project-name")
div.summary
- ul.home-project-info-list
- li
- span.info-num(tg-bo-bind="stats.total_points")
- span.info-text project
points
- li
- span.info-num(tg-bo-bind="stats.defined_points")
- span.info-text defined
points
- li
- span.info-num(tg-bo-bind="stats.assigned_points")
- span.info-text assigned
points
- li
- span.info-num(tg-bo-bind="stats.closed_points")
- span.info-text closed
points
+ div.summary-stats
+ span.info-num(tg-bo-bind="stats.total_points")
+ span.info-text project
points
+ div.summary-stats
+ span.info-num(tg-bo-bind="stats.defined_points")
+ span.info-text defined
points
+ div.summary-stats
+ span.info-num(tg-bo-bind="stats.assigned_points")
+ span.info-text assigned
points
+ div.summary-stats
+ span.info-num(tg-bo-bind="stats.closed_points")
+ span.info-text closed
points
div.project-data-container
p.description(tg-bo-bind="project.description")
ul
diff --git a/app/styles/modules/home-project.scss b/app/styles/modules/home-project.scss
index a106546f..b093b945 100644
--- a/app/styles/modules/home-project.scss
+++ b/app/styles/modules/home-project.scss
@@ -1,10 +1,6 @@
-.home-project-info-list {
+.summary-stats {
+ align-items: flex-start;
display: flex;
- li {
- flex-basis: 0;
- flex-grow: 1;
- margin-right: 1rem;
- }
.info-num {
@extend %xlarge;
@extend %bold;
@@ -22,11 +18,10 @@
.project-data-container {
display: flex;
- p {
- flex-grow: 3;
- }
+ justify-content: space-between;
ul {
- flex-grow: 1;
+ flex-grow: 0;
+ max-width: 33%;
}
li {
display: inline-block;