diff --git a/app/assets/stylesheets/_grids.scss b/app/assets/stylesheets/_grids.scss index afd38dc71..c7becdee2 100644 --- a/app/assets/stylesheets/_grids.scss +++ b/app/assets/stylesheets/_grids.scss @@ -18,6 +18,10 @@ @include grid-column(1/8); } +.column-five-eighths { + @include grid-column(5/8); +} + .column-seven-eighths { @include grid-column(7/8); } diff --git a/app/assets/stylesheets/components/sms-message.scss b/app/assets/stylesheets/components/sms-message.scss index 9b260cf9d..a5a79e6d6 100644 --- a/app/assets/stylesheets/components/sms-message.scss +++ b/app/assets/stylesheets/components/sms-message.scss @@ -2,7 +2,7 @@ .sms-message-wrapper { width: 100%; - max-width: 450px; + max-width: 464px; box-sizing: border-box; padding: $gutter-half $gutter-half $gutter-half $gutter-half; background: $panel-colour; diff --git a/app/assets/stylesheets/views/template.scss b/app/assets/stylesheets/views/template.scss index 93ca1aea8..a059504e8 100644 --- a/app/assets/stylesheets/views/template.scss +++ b/app/assets/stylesheets/views/template.scss @@ -30,12 +30,12 @@ .edit-template-link-letter-address { @extend %edit-template-link; - top: 16.5%; // align bottom edge to bottom of address + top: 14.65%; // align bottom edge to bottom of address left: -5px; } .edit-template-link-letter-body { @extend %edit-template-link; - top: 33.3%; // aligns to top of subject + top: 38.5%; // aligns to top of subject left: -5px; } diff --git a/app/templates/views/edit-email-template.html b/app/templates/views/edit-email-template.html index 33790e878..0319820a1 100644 --- a/app/templates/views/edit-email-template.html +++ b/app/templates/views/edit-email-template.html @@ -15,11 +15,9 @@