diff --git a/app/assets/stylesheets/steps/step.scss b/app/assets/stylesheets/steps/step.scss index 9bee92bff..d62963908 100644 --- a/app/assets/stylesheets/steps/step.scss +++ b/app/assets/stylesheets/steps/step.scss @@ -17,15 +17,20 @@ .step-element-header { border-radius: 4px; flex-basis: 80%; + position: relative; .step-name-edit-icon { display: none; + position: absolute; + right: -8px; + top: -6px; } &:hover .step-name-edit-icon { cursor: pointer; display: inline-block; margin-right: 16px; + margin-top: 16px; } .step-collapse-link { @@ -218,7 +223,7 @@ } .step-element-header { - align-items: center; + align-items: flex-start; display: flex; min-height: 40px; position: relative; diff --git a/app/javascript/vue/protocol/step.vue b/app/javascript/vue/protocol/step.vue index 766a3990b..82f0eea68 100644 --- a/app/javascript/vue/protocol/step.vue +++ b/app/javascript/vue/protocol/step.vue @@ -95,7 +95,7 @@