Fixed element label alignment

Fixes #13168
craftcms · May 9, 2023 · 401500d · 401500d
1 parent 9d3ba64
commit 401500d
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,6 +9,7 @@
 - Fixed an error that could occur when entrifying a global set without a field layout. ([#13156](https://github.com/craftcms/cms/issues/13156))
 - Fixed a bug where Single entries’ edit pages could have “Save and add another” actions. ([#13157](https://github.com/craftcms/cms/issues/13157))
 - Fixed styling issues with Date fields. ([#13167](https://github.com/craftcms/cms/issues/13167))
+- Fixed the vertical alignment of element labels. ([#13168](https://github.com/craftcms/cms/issues/13168))
 - Added `craft\helpers\ArrayHelper::containsRecursive()`.
 
 ## 4.4.9 - 2023-05-02

diff --git a/src/web/assets/cp/dist/css/cp.css b/src/web/assets/cp/dist/css/cp.css
diff --git a/src/web/assets/cp/dist/css/cp.css.map b/src/web/assets/cp/dist/css/cp.css.map
diff --git a/src/web/assets/cp/src/css/_main.scss b/src/web/assets/cp/src/css/_main.scss
@@ -2839,6 +2839,7 @@ $elementInnerSpacing: 5px;
   .label {
     display: inline-block;
     overflow: hidden;
+    vertical-align: bottom; // https://stackoverflow.com/a/37427386/1688568
     text-overflow: ellipsis;
     max-width: 100%;