app/assets/stylesheets/components/message.scss

.message {

  &-name {
    @include bold-24;
    margin: 20px 0 5px 0;

    a {
      display: block;
      margin-bottom: -$gutter;
      padding-bottom: $gutter;
    }

  }

  &-type {
    color: $secondary-text-colour;
    margin-bottom: $gutter / 3;
    pointer-events: none;
  }

}
Move parameters out of the `…_message` components This commit refactors the `email_message` and `sms_message` UI components to take fewer parameters. `name`, `edit_link` and anything to do with versions are identical for both text and email messages so I’ve moved them to the pages where you choose a template or see the versions. This commit also tidies up the wording and styling of the template history stuff. 2016-05-26 17:05:16 +01:00			`.message {`

			`&-name {`
			`@include bold-24;`
			`margin: 20px 0 5px 0;`
Make click areas bigger on template picker Generally, bigger click areas are better[1], as long as they don’t cause ambiguity. This commit expands the clickable area of links to templates to include hint text underneath which states the type of template. 1. https://en.wikipedia.org/wiki/Fitts%27s_law 2017-06-20 10:03:39 +01:00
			`a {`
			`display: block;`
			`margin-bottom: -$gutter;`
			`padding-bottom: $gutter;`
			`}`

			`}`

			`&-type {`
			`color: $secondary-text-colour;`
			`margin-bottom: $gutter / 3;`
			`pointer-events: none;`
Move parameters out of the `…_message` components This commit refactors the `email_message` and `sms_message` UI components to take fewer parameters. `name`, `edit_link` and anything to do with versions are identical for both text and email messages so I’ve moved them to the pages where you choose a template or see the versions. This commit also tidies up the wording and styling of the template history stuff. 2016-05-26 17:05:16 +01:00			`}`

			`}`