diff --git a/app/partials/admin-project-profile.jade b/app/partials/admin-project-profile.jade index 943d4e98..1c5a24ef 100644 --- a/app/partials/admin-project-profile.jade +++ b/app/partials/admin-project-profile.jade @@ -18,21 +18,26 @@ block content form fieldset - input(type="text", placeholder="Name", ng-model="project.name") + label(for="project-name") Project Name + input(type="text", placeholder="Project name", id="project-name" ng-model="project.name") fieldset - input(type="text", placeholder="Slug", ng-model="project.slug") + label(for="project-slug") Project Slug + input(type="text", placeholder="Slug", id="project-slug", ng-model="project.slug") - fieldset.half + fieldset + label(for="project-sprints") Number of sprints input(type="text", placeholder="Number of sprints", - ng-model="project.total_milestones") - - fieldset.half - input(type="text", placeholder="Number of US points", - ng-model="project.total_story_points") + ng-model="project.total_milestones", id="project-sprints") fieldset - textarea(placeholder="Description", ng-model="project.description") + label(for="total-story-points") Number of US points + input(type="text", placeholder="Number of US points", + ng-model="project.total_story_points", id="total-story-points") + + fieldset + label(for="project-description") Description + textarea(placeholder="Description", ng-model="project.description", id="project-description") input(type="submit", class="hidden") - a.button.button-green(href="") Save \ No newline at end of file + a.button.button-green(href="") Save diff --git a/app/styles/modules/project-details.scss b/app/styles/modules/project-details.scss index 6b8d1bf6..5a4fa10e 100644 --- a/app/styles/modules/project-details.scss +++ b/app/styles/modules/project-details.scss @@ -5,17 +5,24 @@ background-color: $very-light-gray; } fieldset { + @include table-flex(); margin-bottom: 1rem; } + label { + @extend %title; + display: block; + margin-bottom: .5rem; + } + input[type="text"] { + width: 50%; + } textarea { height: 10rem; } .button-green { + color: $white; display: block; padding: 12px; text-align: center; } - .half { - width: 45%; - } }