.appform { display: flex; flex-direction: column; align-items: center; justify-content: center; height: max-content; font-size: 1.1rem; } .appform > .forminfo { width: 100%; text-align: left; margin: .4rem 0; } .forminfo > span:first-child { margin-right: 1rem; } .forminfo > span:last-child { float: right; } .appform > .forminput { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: .8rem 0; gap: 1rem; } .appform > .statusinfo { margin-top: .5rem; } .appform > .formbuttons { border-top: 1px solid var(--glass-border-color); padding-top: 1rem; margin-top: 1rem; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 1rem; } .formbuttons button, .formbuttons .button { box-sizing: content-box; font-size: 1rem; width: fit-content; } .formheading { text-align: left; width: 100%; margin-top: 0; } @media only screen and (max-width: 700px) { .appform > .forminput { flex-direction: column; gap: .5rem; } .formheading { text-align: center; } }