lib: Override read-only inline input padding

PF6 read-only inline inputs has cropped border when it is
focused/selected within a modal and positioned at the end of a modal
body. Adding small spacing at the end fixes the issue.

Related-to: patternfly/patternfly#8150
Signed-off-by: Freya Gustavsson <freya@venefilyn.se>

Author: Venefilyn

pkg/lib/patternfly/patternfly-6-overrides.scss

@@ -367,3 +367,11 @@ $phone: 767px;
 .pf-v6-c-table .pf-v6-c-table__tbody :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
     font-weight: var(--pf-t--global--font--weight--body--bold);
 }
+
+// NOTE: PF6 read-only inline inputs has cropped border when it is focused/selected
+// within a modal and positioned at the end of a modal body.
+// Adding small spacing around it fixes the issue.
+// https://github.com/patternfly/patternfly/issues/8150
+.pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
+  padding-block-end: 2px;
+}