app/assets/stylesheets/components/pill.scss

.pill {

  display: flex;

  a,
  span {
    display: block;
    padding: 10px;  
    flex-grow: 1;
    text-align: center;

    &:first-child {
      margin-left: 0;
    }

    &:last-child {
      margin-right: 0;
    }

  }

  a {
    background: $panel-colour;
    color: $link-colour;
    border: 1px solid $panel-colour;
    position: relative;

    &:hover {
      color: $text-colour;
    }

    &:active,
    &:focus {
      z-index: 10;
    }
  }

  span {
    border: 1px solid $grey-1;
    color: $text-colour;
  }
}
Allow filter links to be used in combination Means you can see, for example emails that have failed. Means adding: - logic to generate links which can have a type parameter, a status parameter, or both - a ‘pill’ UI component for seeing which filters you currently have applied - some logic to change the page title based on which filters you have applied 2016-04-13 12:50:28 +01:00			`.pill {`

			`display: flex;`

Make the flow of using templates better For users who: - want to send messages from a template - want to edit templates For developers: - who need to get the ID of a template This commit mainly cleans up the choose template page so there are less options, and the options that are there are less wordy. This means: - moving ‘send yourself a test’ onto the send messages page, and making it button - stripping a lot of stuff out of the ‘send from API’ page, so it’s more obvious what the template ID is 2016-04-18 11:10:47 +01:00			`a,`
			`span {`
Allow filter links to be used in combination Means you can see, for example emails that have failed. Means adding: - logic to generate links which can have a type parameter, a status parameter, or both - a ‘pill’ UI component for seeing which filters you currently have applied - some logic to change the page title based on which filters you have applied 2016-04-13 12:50:28 +01:00			`display: block;`
			`padding: 10px;`
			`flex-grow: 1;`
			`text-align: center;`

			`&:first-child {`
			`margin-left: 0;`
			`}`

			`&:last-child {`
			`margin-right: 0;`
			`}`

			`}`

			`a {`
			`background: $panel-colour;`
			`color: $link-colour;`
			`border: 1px solid $panel-colour;`
			`position: relative;`

			`&:hover {`
			`color: $text-colour;`
			`}`

			`&:active,`
			`&:focus {`
			`z-index: 10;`
			`}`
			`}`

			`span {`
			`border: 1px solid $grey-1;`
			`color: $text-colour;`
			`}`
Make the flow of using templates better For users who: - want to send messages from a template - want to edit templates For developers: - who need to get the ID of a template This commit mainly cleans up the choose template page so there are less options, and the options that are there are less wordy. This means: - moving ‘send yourself a test’ onto the send messages page, and making it button - stripping a lot of stuff out of the ‘send from API’ page, so it’s more obvious what the template ID is 2016-04-18 11:10:47 +01:00			`}`