From 79ffbe7cd576ccf0c9b58439236a83df7c57cded Mon Sep 17 00:00:00 2001 From: "Ella E." Date: Mon, 18 Nov 2024 18:42:29 -0700 Subject: [PATCH] UX: Make cells middle aligned; apply overview class directly to td elements (#29813) --- .../stylesheets/common/admin/admin_table.scss | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/app/assets/stylesheets/common/admin/admin_table.scss b/app/assets/stylesheets/common/admin/admin_table.scss index aee13737184..1d18d2c1a37 100644 --- a/app/assets/stylesheets/common/admin/admin_table.scss +++ b/app/assets/stylesheets/common/admin/admin_table.scss @@ -26,7 +26,7 @@ } td { - vertical-align: top; + vertical-align: middle; padding-top: var(--space-3); padding-bottom: var(--space-3); @@ -41,6 +41,15 @@ } } + &.d-admin-row__overview { + width: 55%; + + @include breakpoint("tablet") { + width: auto; + border-top: 0; + } + } + &.d-admin-row__detail { @include breakpoint("tablet") { display: flex; @@ -62,13 +71,6 @@ } .d-admin-row__overview { - width: 55%; - - @include breakpoint("tablet") { - width: auto; - border-top: 0; - } - &-name { font-weight: 700; max-width: 80%;