fix: increase specificity

Author: Daniel Tsanev

projects/angular/src/forms/styles/_checkbox.clarity.scss

@@ -128,7 +128,6 @@
   }
 
   .clr-form-compact .clr-checkbox-wrapper {
-    @include forms-mixins.form-flatten-compact-adjustments();
     @include forms-mixins.form-inline-input();
     height: calc(#{forms-variables.$clr-forms-baseline} * 4);
 

projects/angular/src/forms/styles/_containers.clarity.scss

@@ -157,20 +157,17 @@
     }
   }
 
-  .clr-form-compact {
+  .clr-form.clr-form-compact {
     .clr-form-control > .clr-control-label {
       width: calc(32 * #{forms-variables.$clr-forms-baseline});
       min-width: calc(32 * #{forms-variables.$clr-forms-baseline});
+      margin-top: tokens.$cds-global-space-3;
     }
     .clr-form-control.clr-row > .clr-control-label {
       width: auto;
       min-width: auto;
     }
 
-    .clr-control-label {
-      margin-top: tokens.$cds-global-space-3;
-    }
-
     .clr-form-control {
       display: flex;
       flex-direction: row;
@@ -179,36 +176,31 @@
 
     .clr-control-container {
       display: flex;
-    }
 
-    .clr-subtext {
-      display: inline-block;
-
-      // special margin left based on --clr-forms-icon-size
-      // to align subtexts when error/success icon is missing.
-      margin-left: forms-variables.$clr-forms-icon-size;
-    }
-
-    .clr-error,
-    .clr-success {
       .clr-subtext {
-        margin-left: tokens.$cds-global-space-3;
+        display: inline-block;
+      }
+      .clr-subtext-wrapper {
+        flex-basis: auto;
+        display: inline-block;
+      }
 
-        &.error,
-        &.success {
-          margin-left: tokens.$cds-global-space-4;
+      &.clr-error,
+      &.clr-success {
+        .clr-subtext {
+          margin-left: tokens.$cds-global-space-3;
+
+          &.error,
+          &.success {
+            margin-left: tokens.$cds-global-space-4;
+          }
         }
-      }
 
-      // Center the validation icon
-      .clr-validate-icon {
-        margin-left: 0;
+        // Center the validation icon
+        .clr-validate-icon {
+          margin-left: 0;
+        }
       }
     }
-
-    .clr-subtext-wrapper {
-      flex-basis: auto;
-      display: inline-block;
-    }
   }
 }

projects/angular/src/forms/styles/_radio.clarity.scss

@@ -85,7 +85,6 @@
   }
 
   .clr-form-compact .clr-radio-wrapper {
-    @include forms-mixins.form-flatten-compact-adjustments();
     @include forms-mixins.form-inline-input();
     height: calc(4 * #{forms-variables.$clr-forms-baseline});