some ordering of css stuff fixed

This commit is contained in:
Linda 2018-08-23 14:31:44 -04:00
parent 9db42fe9f4
commit befa5485bb

View file

@ -44,11 +44,11 @@ $stage-width: 480px;
.project-header { .project-header {
margin-right: 2rem; margin-right: 2rem;
width: 65%; /* Setting a width to the header will keep it from flowing over the usual content of the page */
flex-grow: 1; flex-grow: 1;
justify-content: flex-start; justify-content: flex-start;
align-items: flex-start; align-items: flex-start;
flex-wrap: nowrap; flex-wrap: nowrap;
width: 65%; /* Setting a width to the header will keep it from flowing over the usual content of the page */
.inplace-input { .inplace-input {
height: calc(3rem - 4px); height: calc(3rem - 4px);
@ -73,13 +73,13 @@ $stage-width: 480px;
.title { .title {
margin-left: 1rem; margin-left: 1rem;
width: inherit; /* Inherits the width of whatever this is in. This works well for the preview page and might need to change if used in a different context*/
text-align: left; text-align: left;
font-size: .8rem; font-size: .8rem;
flex-grow: 1; flex-grow: 1;
width: inherit; /* Inherits the width of whatever this is in. This works well for the preview page and might need to change if used in a different context*/
} }
.validation-message { .validation-message {
$arrow-border-width: 1rem; $arrow-border-width: 1rem;
display: block; display: block;
position: absolute; position: absolute;