EZP-29811: Content field definitions is misaligned while creating Content Type (#790)

* EZP-29811: Fix Trash Content field definition btn's styles

* Remove redundant ez-icon-trash class from two buttons

Author: tischsoic

src/bundle/Resources/public/scss/_card.scss

@@ -34,15 +34,12 @@
             padding: .25rem 1.25rem;
             justify-content: space-between;
             z-index: 1040;
+        }
 
-            .form-inline {
-                .btn-danger {
-                    .ez-icon {
-                        width: 1.5rem;
-                        height: 1.5rem;
-                        margin-top: 5px;
-                    }
-                }
+        .form-inline {
+            .btn-danger {
+                display: flex;
+                height: calculateRem(48px);
             }
         }
     }

src/bundle/Resources/public/scss/_icons.scss

@@ -69,18 +69,6 @@
     }
 }
 
-.ez-card__header {
-    .form-inline {
-        .btn-danger {
-            .ez-icon {
-                width: 1.2rem;
-                height: 1.2rem;
-                fill: $white;
-            }
-        }
-    }
-}
-
 .ez-btn--extra-actions {
     .ez-icon {
         pointer-events: none;

src/bundle/Resources/views/admin/content_type/create.html.twig

@@ -6,7 +6,7 @@
 
 {% block _ezrepoforms_contenttype_update_removeFieldDefinition_widget %}
     <button type="{{ type|default('button') }}" {{ block('button_attributes') }}>
-        <svg class="ez-icon ez-icon-trash">
+        <svg class="ez-icon ez-icon--medium ez-icon--light">
             <use xlink:href="{{ asset('bundles/ezplatformadminui/img/ez-icons.svg') }}#trash"></use>
         </svg>
     </button>
@@ -53,7 +53,7 @@
     <section class="container mt-4 px-5">
         <div class="card ez-card">
             <div class="ez-card__header ez-card__header--secondary d-flex justify-content-between">
-                <div class="p-2">
+                <div class="p-3">
                     {{ 'content_type.view.create.content_field_definitions'|trans|desc('Content field definitions') }}
                 </div>
                 <div class="form-inline">

src/bundle/Resources/views/admin/content_type/edit.html.twig

@@ -60,7 +60,7 @@
                             class="btn btn-danger"
                             data-toggle="modal"
                             data-target="#delete-content-type-modal">
-                        <svg class="ez-icon">
+                        <svg class="ez-icon ez-icon--medium ez-icon--light">
                             <use xlink:href="{{ asset('bundles/ezplatformadminui/img/ez-icons.svg') }}#trash"></use>
                         </svg>
                     </button>