.view-read { margin: 0px; padding: 10px 15px; height: 100%; color: $color-grey-dark; .headers { margin-bottom: 1em; p { margin: 0px; padding: 0px; } .subject { font-size: $font-size-bigger; } .date { color: $color-grey-light; font-size: $font-size-small; margin-top: 0.25em; margin-bottom: 1.5em; padding: 0px; } .address { color: $color-grey; padding: 0.2em 0; .label { margin-left: 0.3em; &:hover { cursor: pointer; } } } } .attachments { width: inherit; border: 1px; border-style: solid; border-color: $color-grey-lighter; min-height: em(44); .attachment { line-height: 42px; border-radius: 15px; vertical-align: middle; margin: 5px 0 5px 5px; padding: 5px 10px 5px 10px; border: 1px; border-style: solid; border-color: $color-grey-lighter; span { font-size: 14px; color: $color-grey-input; vertical-align: middle; } &:hover, &:focus { background-color: darken($color-white, 3%); cursor: pointer; } } } .seperator-line { height: 1px; color: $color-grey-lighter; background-color: $color-grey-lighter; } .body { margin-top: 1.75em; cursor: text; padding-bottom: 200px; line-height: 1.5em; height: 100%; overflow-y: scroll; div { word-wrap: break-word; &.empty-line { line-height: 1em; } } } iframe { width: 100%; } } .controls { float: right; margin: 10px 15px; button { margin-left: 7px; } }