diff --git a/app/assets/stylesheets/steps/components/checklist.scss b/app/assets/stylesheets/steps/components/checklist.scss index ca6a609f8..8cbbb4018 100644 --- a/app/assets/stylesheets/steps/components/checklist.scss +++ b/app/assets/stylesheets/steps/components/checklist.scss @@ -16,6 +16,7 @@ } .step-element-header { + .step-element-name { align-items: flex-start; column-gap: .25em; diff --git a/app/assets/stylesheets/tailwind/buttons.css b/app/assets/stylesheets/tailwind/buttons.css index a3e24498f..4177134a7 100644 --- a/app/assets/stylesheets/tailwind/buttons.css +++ b/app/assets/stylesheets/tailwind/buttons.css @@ -4,7 +4,7 @@ } .btn { - @apply relative inline-flex items-center text-sm shrink-0 gap-2 justify-center leading-5 py-2 px-4 rounded border-0 appearance-none whitespace-nowrap cursor-pointer; + @apply relative inline-flex items-center text-sm shrink-0 gap-2 justify-center leading-5 py-2 px-4 rounded border-0 appearance-none whitespace-nowrap cursor-pointer max-h-[40px]; } .btn.icon-btn { @@ -12,7 +12,7 @@ } .btn.btn-lg { - @apply py-2.5 px-[1.125rem] text-base leading-5; + @apply py-2.5 px-[1.125rem] text-base leading-5 max-h-[44px]; } .btn.btn-lg.icon-btn { @@ -20,7 +20,7 @@ } .btn.btn-sm { - @apply py-1.5 px-2.5 text-xs leading-5; + @apply py-1.5 px-2.5 text-xs leading-5 max-h-[36px]; } .btn.btn-sm.icon-btn { @@ -28,7 +28,7 @@ } .btn.btn-xs { - @apply py-0.5 px-2.5 text-xs leading-5; + @apply py-0.5 px-2.5 text-xs leading-5 max-h-[30px]; } .btn.btn-xs.icon-btn { diff --git a/app/javascript/vue/protocol/step_elements/checklist.vue b/app/javascript/vue/protocol/step_elements/checklist.vue index aef366659..52485fa8e 100644 --- a/app/javascript/vue/protocol/step_elements/checklist.vue +++ b/app/javascript/vue/protocol/step_elements/checklist.vue @@ -22,13 +22,13 @@ />