*
  box-sizing: border-box

body
  margin: 1em

.header>form
  max-width: 600px
.field, textarea
  margin-bottom: 5px

.field
  display: flex
label
  margin-right: 0.5em

input[type=text]
  flex: 1 0 auto
textarea
  width: 100%
  height: 5em
input[type=submit]
  width: 150px
  height: 3em
  font-size: 1em

// Image upload switch
.field.image
  height: 1.5em

  a.switch
    flex: 0 0 auto
  input
    flex: 1 0 auto
    margin-right: 0.5em

*
  box-sizing: border-box

body
  margin: 1em

.header>form
  max-width: 600px
.field, textarea
  margin-bottom: 5px

.field
  display: flex
label
  margin-right: 0.5em

input[type=text]
  flex: 1 0 auto
textarea
  width: 100%
  height: 5em
input[type=submit]
  width: 150px
  height: 3em
  font-size: 1em

// Image upload switch
.field.image
  height: 1.5em

  a.switch
    flex: 0 0 auto
  input
    flex: 1 0 auto
    margin-right: 0.5em

@media screen and (min-width: 1000px)
  body.topics.show
    section.topic
      width: 60%

    .header
      right: 0
      top: 4em
      position: fixed
      width: 40%
      padding: 0 2em 0 1em

      textarea
        height: 10em

Fix reply form to the right of page.
Fix reply form to the right of page.

So when replying the textarea is always in view.
