diff --git a/changes/34999-text-cut-off-in-policies-view b/changes/34999-text-cut-off-in-policies-view new file mode 100644 index 0000000000..c991682335 --- /dev/null +++ b/changes/34999-text-cut-off-in-policies-view @@ -0,0 +1 @@ +* Make styling more consistent in edit policies view for FireFox. \ No newline at end of file diff --git a/frontend/pages/policies/PolicyPage/components/PolicyForm/_styles.scss b/frontend/pages/policies/PolicyPage/components/PolicyForm/_styles.scss index b3d107902c..a53832f5a4 100644 --- a/frontend/pages/policies/PolicyPage/components/PolicyForm/_styles.scss +++ b/frontend/pages/policies/PolicyPage/components/PolicyForm/_styles.scss @@ -86,6 +86,13 @@ } } + &__policy-description-wrapper, + &__policy-resolution-wrapper { + .icon { + align-self: flex-start; + } + } + &__policy-name-wrapper { .no-value { min-width: 112px; @@ -127,9 +134,12 @@ white-space: normal; background-color: transparent; overflow: hidden; + font-size: $x-small; } &__policy-name { + font-size:$large; + &.input-field--error { border: 1px solid $core-vibrant-red; }