From be6e0879e4c4f31a74386a9181bdb278536d41b8 Mon Sep 17 00:00:00 2001
From: Bjarne Fyrstenborg <bjarne_fyrstenborg@hotmail.com>
Date: Sun, 2 Jan 2022 19:55:10 +0100
Subject: [PATCH] Align tags vertically in content type property component

---
 .../src/less/components/umb-group-builder.less               | 5 +++--
 .../components/contenttype/umb-content-type-property.html    | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-group-builder.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-group-builder.less
index 1122558b05..cae8a1c253 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-group-builder.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-group-builder.less
@@ -458,7 +458,7 @@ input.umb-group-builder__group-title-input:disabled:hover {
 }
 
 .umb-group-builder__group-inherited-label {
-  font-size: 13px;
+  font-size: 0.9rem;
   display: inline-flex;
   align-items: center;
   margin-right: 10px;
@@ -644,7 +644,7 @@ input.umb-group-builder__group-title-input:disabled:hover {
 }
 
 .umb-group-builder__property-preview-label {
-  font-size: 12px;
+  font-size: 0.75rem;
   position: absolute;
   top: 0;
   left: 0;
@@ -740,6 +740,7 @@ input.umb-group-builder__group-title-input:disabled:hover {
     margin-right: 3px;
     display: flex;
     align-items: center;
+    line-height: 1;
 }
 
 /* ---------- SORTABLE ---------- */
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/contenttype/umb-content-type-property.html b/src/Umbraco.Web.UI.Client/src/views/components/contenttype/umb-content-type-property.html
index 14f647e761..fff779e626 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/contenttype/umb-content-type-property.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/contenttype/umb-content-type-property.html
@@ -99,13 +99,13 @@
       <div class="umb-group-builder__property-tags -right">
 
           <div class="umb-group-builder__property-tag" ng-if="vm.property.inherited">
-              <umb-icon icon="icon-merge"></umb-icon>
+              <umb-icon icon="icon-merge" class="umb-group-builder__property-tag-icon"></umb-icon>
               <span style="margin-right: 3px"><localize key="contentTypeEditor_inheritedFrom">Inherited from</localize></span>
               {{vm.property.contentTypeName}}
           </div>
 
           <div class="umb-group-builder__property-tag" ng-if="vm.property.locked">
-              <umb-icon icon="icon-lock"></umb-icon>
+              <umb-icon icon="icon-lock" class="umb-group-builder__property-tag-icon"></umb-icon>
               <localize key="general_locked">Locked</localize>
           </div>