fix(card & input): styling

Author: adrianptrv

src/app/data-entries/input-group/input-group-styling/input-group-styling.component.scss

@@ -22,13 +22,14 @@ igx-input-group {
 //     $border-color: #0f62fe,
 //     $idle-bottom-line-color: #8d8d8d,
 //     $hover-bottom-line-color: #8d8d8d,
-//     $hover-placeholder-color: var(--ig-gray-700),
-//     $idle-secondary-color: var(--ig-gray-700),
+//     $hover-placeholder-color: var(--ig-gray-600),
+//     $idle-secondary-color: var(--ig-gray-600),
 //     $focused-secondary-color: var(--ig-gray-700),
 //     $size: rem(40px),
 //     $box-border-radius: 0,
 //     $box-background-hover: var(--ig-gray-100),
-//     $placeholder-color: var(--ig-gray-600)
+//     $placeholder-color: var(--ig-gray-600),
+//     $helper-text-color: var(--ig-gray-600)
 // );
 
 // @include css-vars($custom-input-group);

src/app/data-entries/input-group/input-group-styling/layout.scss

@@ -36,6 +36,10 @@
             pointer-events: none;
             box-shadow: inset 0 0 0 rem(2px) var(--border-color);
         }
+
+        .igx-input-group__label, igx-hint {
+            font-weight: 300;
+        }
     }
 }
 

src/app/layouts/card/card-styling-sample/card-styling-sample.component.scss

@@ -74,5 +74,4 @@ igx-divider {
 // @include css-vars($custom-divider-theme);
 // .igx-icon-button--flat {
 //     @include css-vars($custom-icon-button-theme);
-// };
- 
+// };

src/app/layouts/card/card-styling-sample/layout.scss

@@ -31,16 +31,16 @@
     padding: unset;
     align-items: baseline;
     margin: rem(24px) rem(24px) 0 rem(24px);
-    height: rem(70px);
+    height: rem(65px);
 }
 
 .igx-card-header__subtitle {
     --ig-subtitle-2-font-weight: 400;
-    --ig-subtitle-2-line-height: #{rem(28px)};
+    --ig-subtitle-2-line-height: #{rem(22px)};
     --ig-subtitle-2-letter-spacing: #{rem(0.5px)};
     --subtitle-text-color: rgba(0, 0, 0, 0.45);
 
-    margin: #{rem(8px)} 0 1rem;
+    margin: rem(8px) 0 rem(12px);
 }
 
 .igx-card-content {
@@ -65,6 +65,10 @@ igx-icon {
     --igx-icon-size: #{rem(14px)};
 }
 
+igx-avatar {
+    border-radius: rem(20px);
+}
+
 igx-card-actions {
     justify-content: space-evenly;
     padding: rem(6px) 0;