[renderjs_ui] Harmonize padding for <label>, <input> and <p> (non-editable field)

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css

@@ -1127,6 +1127,7 @@ div[data-gadget-scope='header'] .ui-header ul {
 }
 .gadget-content .ui-field-contain > label {
   color: #777777;
+  padding: 3pt;
 }
 .gadget-content .ui-field-contain > label.required {
   font-weight: bold;
@@ -1134,6 +1135,9 @@ div[data-gadget-scope='header'] .ui-header ul {
 .gadget-content .ui-field-contain > label.invisible {
   display: none;
 }
+.gadget-content .ui-field-contain p {
+  padding: 3pt;
+}
 @media only screen and (min-width: 45em) and (max-width: 85em), not screen and (max-width: 85em) {
   .gadget-content .ui-field-contain {
     display: flex;

bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt

@@ -1307,6 +1307,9 @@ div[data-gadget-scope='header'] .ui-header {
     & > label {
       color: @grey;
 
+      // padding to be aligned with <input>
+      padding: @half-margin-size;
+
       // backward-compatibility: support for ERP5 field class defined in formulator configuration
       &.required {
         // inform user that the field is needed by contraint, but do not prevent him to save the value
@@ -1319,6 +1322,11 @@ div[data-gadget-scope='header'] .ui-header {
     }
   }
 
+  .ui-field-contain p {
+    // non-editable fields are rendered using <p> so they deserve the same padding as <input>s
+    padding: @half-margin-size;
+  }
+
   @media @tablet, @desktop {
     .ui-field-contain {
       display: flex;