diff --git a/opentech/apply/funds/templates/funds/includes/supporting_documents.html b/opentech/apply/funds/templates/funds/includes/supporting_documents.html index de4655e1b1105dc4da8ea1ca028733064c8bd615..6f2341fb36c910a932f4e15dabcf2f1d6437df5e 100644 --- a/opentech/apply/funds/templates/funds/includes/supporting_documents.html +++ b/opentech/apply/funds/templates/funds/includes/supporting_documents.html @@ -33,28 +33,35 @@ <div class="docs-block__row-inner"> <a class="docs-block__link" href="#">Upload new</a> </div> - <ul class="docs-block__document-list"> - <li class="docs-block__document"> - <div class="docs-block__document-inner"> - <p class="docs-block__document-info"><b>This is a document title</b></p> - <p class="docs-block__document-info">This is a document type</p> - </div> - <div class="docs-block__document-inner"> - <a class="docs-block__document-link" href="#">Download</a> - <a class="docs-block__document-link" href="#">Remove</a> - </div> - </li> - <li class="docs-block__document"> - <div class="docs-block__document-inner"> - <p class="docs-block__document-info"><b>This is a document title</b></p> - <p class="docs-block__document-info">This is a document type</p> - </div> - <div class="docs-block__document-inner"> - <a class="docs-block__document-link" href="#">Download</a> - <a class="docs-block__document-link" href="#">Remove</a> - </div> - </li> - </ul> + <p class="docs-block__info-text">Every project requires a XXXXXX and XXXXXX to be uploaded</p> + <!-- Example document list + <ul class="docs-block__document-list"> + <li class="docs-block__document"> + <div class="docs-block__document-inner"> + <p class="docs-block__document-info"><b>This is a document title</b></p> + <p class="docs-block__document-info">This is a document type</p> + </div> + <div class="docs-block__document-inner"> + <a class="docs-block__document-link" href="#">Download</a> + <a class="docs-block__document-link" href="#">Remove</a> + </div> + </li> + <li class="docs-block__document"> + <div class="docs-block__document-inner"> + <p class="docs-block__document-info"><b>This is a document title</b></p> + <p class="docs-block__document-info">This is a document type</p> + </div> + <div class="docs-block__document-inner"> + <a class="docs-block__document-link" href="#">Download</a> + <a class="docs-block__document-link" href="#">Remove</a> + </div> + </li> + </ul> + --> </li> </ul> + <div class="docs-block__buttons"> + <a class="button button--primary" href="#">Submit for approval</a> + <a class="button button--primary" href="#">Ready for contracting</a> + </div> </div> diff --git a/opentech/static_src/src/sass/apply/components/_docs-block.scss b/opentech/static_src/src/sass/apply/components/_docs-block.scss index a66cb9d123daab1f24296ad54c8b68a350dc180f..ce97879fc6f8e8c6547a847ffb238ae55b7b4e7e 100644 --- a/opentech/static_src/src/sass/apply/components/_docs-block.scss +++ b/opentech/static_src/src/sass/apply/components/_docs-block.scss @@ -100,6 +100,29 @@ } } + &__info-text { + @include media-query(tablet-landscape) { + max-width: 65%; + } + } + + &__buttons { + padding: 0 1rem 1rem; + + @include media-query(tablet-portrait) { + padding: 0 2rem 2rem; + } + + .button { + padding: .5rem 1rem; + margin: 0 .5rem .5rem 0; + + &:last-child { + margin: 0; + } + } + } + &__document-list { width: 100%; margin-top: 1.5rem;