/*patch the drawer hambuger to vertically-align to centre*/
.mdl-layout__drawer-button {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*seems like to good idea not to have them show while CodeMirror is loading*/
textarea {
  border: none;
  background-color: transparent;
  resize: none;
}

.fhir-input {
  /*width: 50%;*/
  height: calc(100% - 195px);
  box-sizing: border-box;
  /*display: inline-block;*/
}

.fhir-input .CodeMirror {
  height: 100%;
}

#privacy-and-terms-dialog {
    width: 50%;
    overflow-y: scroll;
    max-height: calc(100vh - 50px);
    
}
#policy-footnote {
  padding-top: 10px;
  font-size: smaller;
}

/*patch the drawer hambuger to vertically-align to centre*/
.mdl-layout__drawer-button {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*seems like to good idea not to have them show while CodeMirror is loading*/
textarea {
  border: none;
  background-color: transparent;
  resize: none;
}

.fhir-input {
  /*width: 50%;*/
  height: calc(100% - 195px);
  box-sizing: border-box;
  /*display: inline-block;*/
}

.fhir-input .CodeMirror {
  height: 100%;
}

#privacy-and-terms-dialog {
  width: 50%;
  overflow-y: scroll;
  max-height: calc(100vh - 50px);
}
/*on smaller screens, expand the dialogs width*/
@media(max-width: 600px) {
  #privacy-and-terms-dialog {
    width: 90%;
  }
}

#policy-footnote {
  padding-top: 10px;
  font-size: smaller;
}

Expand privacy's dialogs width on smaller displays
Expand privacy's dialogs width on smaller displays
