Bug 1723820 - Add display grid/flex to element's parent instead of element itself. r=flod,fluent-reviewers,jdescottes

Differential Revision: https://phabricator.services.mozilla.com/D122191

devtools/client/locales/en-US/tooltips.ftl

@@ -55,7 +55,7 @@ inactive-css-not-grid-or-flex-container-fix = Try adding <strong>display:grid</s
 
 inactive-css-not-grid-or-flex-container-or-multicol-container-fix = Try adding either <strong>display:grid</strong>, <strong>display:flex</strong>, or <strong>columns:2</strong>. { learn-more }
 
-inactive-css-not-grid-or-flex-item-fix-2 = Try adding <strong>display:grid</strong>, <strong>display:flex</strong>, <strong>display:inline-grid</strong>, or <strong>display:inline-flex</strong>. { learn-more }
+inactive-css-not-grid-or-flex-item-fix-3 = Try adding <strong>display:grid</strong>, <strong>display:flex</strong>, <strong>display:inline-grid</strong>, or <strong>display:inline-flex</strong> to the element’s parent. { learn-more }
 
 inactive-css-not-grid-item-fix-2 =Try adding <strong>display:grid</strong> or <strong>display:inline-grid</strong> to the element’s parent. { learn-more }
 

devtools/server/actors/utils/inactive-property-helper.js

@@ -155,7 +155,7 @@ class InactivePropertyHelper {
         invalidProperties: ["align-self", "place-self", "order"],
         when: () =>
           !this.gridItem && !this.flexItem && !this.isAbsPosGridElement(),
-        fixId: "inactive-css-not-grid-or-flex-item-fix-2",
+        fixId: "inactive-css-not-grid-or-flex-item-fix-3",
         msgId: "inactive-css-not-grid-or-flex-item",
         numFixProps: 4,
       },