diff --git a/app/assets/stylesheets/label_templates/show.scss b/app/assets/stylesheets/label_templates/show.scss index a37c6b9b0..53b699487 100644 --- a/app/assets/stylesheets/label_templates/show.scss +++ b/app/assets/stylesheets/label_templates/show.scss @@ -4,9 +4,11 @@ display: flex; flex-direction: column; height: calc(100vh - var(--navbar-height)); + padding-left: 1.5em; .title-row { - align-items: center; + @include font-h1; + align-items: end; background: $color-white; border-bottom: $border-tertiary; display: flex; @@ -23,7 +25,6 @@ } .sci-inline-edit { - @include font-h1; flex-grow: 1; max-width: calc(100% - 50px); } @@ -47,6 +48,7 @@ .label-template-container { display: flex; flex-grow: 1; + margin-top: 1em; .title { font-weight: bold; @@ -124,7 +126,7 @@ top: 0; } - &:hover { + &:hover:not(.read-only) { background-color: $color-concrete; .fa-pen { diff --git a/app/javascript/vue/label_template/container.vue b/app/javascript/vue/label_template/container.vue index 3c8dd234d..6a85d40e2 100644 --- a/app/javascript/vue/label_template/container.vue +++ b/app/javascript/vue/label_template/container.vue @@ -12,6 +12,7 @@