diff --git a/app/assets/stylesheets/components/placeholder.scss b/app/assets/stylesheets/components/placeholder.scss index 30f528c3b..c0ed059cb 100644 --- a/app/assets/stylesheets/components/placeholder.scss +++ b/app/assets/stylesheets/components/placeholder.scss @@ -2,6 +2,7 @@ display: inline; background: $light-blue; color: $white; + white-space: nowrap; padding: 0 5px; border-radius: 3px; } diff --git a/app/assets/stylesheets/components/template-picker.scss b/app/assets/stylesheets/components/template-picker.scss index e938dbb78..1b2851194 100644 --- a/app/assets/stylesheets/components/template-picker.scss +++ b/app/assets/stylesheets/components/template-picker.scss @@ -10,17 +10,22 @@ white-space: nowrap; clear: both; - .block-label { - float: none; - clear: none; - display: inline-block; - margin-right: 10px; + &-radio { + padding-right: 10px; + box-sizing: border-box; vertical-align: top; + width: 33%; + display: inline-block; + } + + .block-label { + display: inline-block; } .sms-message { display: inline-block; vertical-align: top; + max-width: 66%; } } diff --git a/app/assets/stylesheets/main.scss b/app/assets/stylesheets/main.scss index 3768fcce2..e4cb5ff6f 100644 --- a/app/assets/stylesheets/main.scss +++ b/app/assets/stylesheets/main.scss @@ -33,5 +33,6 @@ @import "components/sms-message"; @import "components/button"; @import "components/table"; + // TODO: break this up @import "app"; diff --git a/app/templates/views/send-sms.html b/app/templates/views/send-sms.html index 24602c2b0..0915d7ab2 100644 --- a/app/templates/views/send-sms.html +++ b/app/templates/views/send-sms.html @@ -15,10 +15,12 @@

1. Choose text message template

{% for template in message_templates %}
- +
+ +
{{ sms_message(template.body) }}
{% endfor %} @@ -30,14 +32,10 @@

2. Add recipients

- Add recipients by uploading a CSV + Upload a CSV file to add your recipients’ details.

- Format the cells as ‘text’ in your spreadsheet app – this stores the mobile - numbers correctly -

-

- You can also download an example + You can also download an example CSV.