fix(input-group): fluent & bootstrap comments

Author: SisIvanova

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

@@ -1016,7 +1016,7 @@
     %form-group-display--search {
         %igx-input-group__notch--search,
         %form-group-bundle-main--search {
-            @if $variant != 'indigo' {
+            @if $variant == 'material' {
                 padding-inline: rem(4px);
             }
         }
@@ -1079,11 +1079,9 @@
     }
 
     %form-group-label {
-        padding-inline-end: rem(4px);
         backface-visibility: hidden;
         will-change: transform;
         transform-origin: top left;
-        margin-inline-start: pad-inline(0, rem(-2px), rem(-4px));
     }
 
     %form-group-label--border {
@@ -1632,6 +1630,7 @@
     %form-group-helper {
         --ig-caption-margin-top: #{$hint-spacing-block};
         --ig-caption-margin-bottom: 0;
+        --ig-body-2-margin-top: #{$hint-spacing-block};
 
         color: var-get($theme, 'helper-text-color');
         position: relative;

projects/igniteui-angular/src/lib/core/styles/components/time-picker/_time-picker-theme.scss

@@ -26,6 +26,16 @@
     .igx-input-group {
         display: flex;
         flex-direction: column;
+
+        @if $variant == 'indigo' or $variant == 'bootstrap' {
+            [igxLabel] {
+                margin-block-end: rem(4px);
+            }
+        } @else if $variant == 'fluent' {
+            [igxLabel] {
+                margin-block-end: rem(5px);
+            }
+        }
     }
 
     %time-picker-display {