diff --git a/app/assets/stylesheets/label_templates/label_preview.scss b/app/assets/stylesheets/label_templates/label_preview.scss index 5aad24849..409f4e68c 100644 --- a/app/assets/stylesheets/label_templates/label_preview.scss +++ b/app/assets/stylesheets/label_templates/label_preview.scss @@ -14,7 +14,7 @@ } .label-preview__options-button { - color: $brand-primary-light; + color: $brand-primary; cursor: pointer; } diff --git a/app/assets/stylesheets/label_templates/show.scss b/app/assets/stylesheets/label_templates/show.scss index 79c16b87e..56e25596d 100644 --- a/app/assets/stylesheets/label_templates/show.scss +++ b/app/assets/stylesheets/label_templates/show.scss @@ -39,6 +39,7 @@ } .description { + margin: .5em 0 1em; padding-left: 16px; } } @@ -92,6 +93,7 @@ .label-view-container { cursor: pointer; height: calc(100% - 3.5em); + margin-top: .5em; padding: .5em; position: relative; white-space: pre; @@ -115,6 +117,7 @@ .label-textarea { height: 100%; + margin-top: .5em; padding: .5em; width: 100%; } diff --git a/app/javascript/vue/label_template/components/label_preview.vue b/app/javascript/vue/label_template/components/label_preview.vue index 88f789f54..afc53d94e 100644 --- a/app/javascript/vue/label_template/components/label_preview.vue +++ b/app/javascript/vue/label_template/components/label_preview.vue @@ -7,7 +7,7 @@
{{ i18n.t('label_templates.label_preview.options') }} - +
diff --git a/app/javascript/vue/label_template/container.vue b/app/javascript/vue/label_template/container.vue index 0a37cec6f..2c5a9c03c 100644 --- a/app/javascript/vue/label_template/container.vue +++ b/app/javascript/vue/label_template/container.vue @@ -48,8 +48,10 @@
{{ i18n.t('label_templates.show.content_title', { format: labelTemplate.attributes.language_type.toUpperCase() }) }}
-