fix(textarea): style misplacement of resizer (#10757)

* fix(textarea): style misalignment of resizer

* feat(input-group): change the padding of for the type-border input

Co-authored-by: Hristo <[email protected]>
Co-authored-by: Zdravko Kolev <[email protected]>
Co-authored-by: Simeon Simeonoff <[email protected]>
Co-authored-by: MPopov <[email protected]>

Author: 5 people

projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss

@@ -533,10 +533,15 @@
     }
 
     %form-group-bundle--border {
-        padding: 0 rem(16px, map.get($base-scale-size, 'comfortable'));
+        padding: 0 0 0 rem(16px, map.get($base-scale-size, 'comfortable'));
         box-shadow: inset 0 0 0 1px var-get($theme, 'border-color');
         border-radius: var-get($theme, 'border-border-radius');
         background: var-get($theme, 'border-background');
+
+        igx-suffix,
+        [igxSuffix] {
+            padding-right: rem(16px, map.get($base-scale-size, 'comfortable'));
+        }
     }
 
     %form-group-bundle--border-cosy {