merging code

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/organization/fund-mapping/fund-mapping.component.html

@@ -136,10 +136,7 @@
           <div class="fm-grid">
             <!-- Loan Outstanding Percentage -->
             <div class="fm-checkbox-row">
-              <mat-checkbox
-                labelPosition="before"
-                formControlName="includeOutStandingAmountPercentage"
-              >
+              <mat-checkbox labelPosition="before" formControlName="includeOutStandingAmountPercentage">
                 {{ 'labels.inputs.Loan Outstanding Percentage' | translate }}
               </mat-checkbox>
             </div>
@@ -228,10 +225,7 @@
 
             <!-- Loan Outstanding Amount -->
             <div class="fm-checkbox-row">
-              <mat-checkbox
-                labelPosition="before"
-                formControlName="includeOutstandingAmount"
-              >
+              <mat-checkbox labelPosition="before" formControlName="includeOutstandingAmount">
                 {{ 'labels.inputs.Loan Outstanding Amount' | translate }}
               </mat-checkbox>
             </div>
@@ -325,7 +319,13 @@
           <button type="button" mat-stroked-button [routerLink]="['../']" class="fm-actions__cancel">
             {{ 'labels.buttons.Cancel' | translate }}
           </button>
-          <button type="submit" mat-flat-button color="primary" [disabled]="!fundMappingForm.valid" class="fm-actions__submit">
+          <button
+            type="submit"
+            mat-flat-button
+            color="primary"
+            [disabled]="!fundMappingForm.valid"
+            class="fm-actions__submit"
+          >
             <i class="fas fa-search"></i> {{ 'labels.buttons.Summary' | translate }}
           </button>
         </div>

src/app/organization/fund-mapping/fund-mapping.component.scss

@@ -44,9 +44,14 @@ $gray-900: #202124;
   border-color: $border !important;
   color: $gray-500 !important;
 
-  i { margin-right: 6px; }
+  i {
+    margin-right: 6px;
+  }
 
-  &:hover { color: $primary !important; border-color: $primary !important; }
+  &:hover {
+    color: $primary !important;
+    border-color: $primary !important;
+  }
 }
 
 // Card
@@ -96,10 +101,12 @@ $gray-900: #202124;
     grid-template-columns: repeat(3, 1fr);
   }
 
-  @media (max-width: 768px) {
+  @media (width <= 768px) {
     grid-template-columns: 1fr;
 
-    &--3col { grid-template-columns: 1fr; }
+    &--3col {
+      grid-template-columns: 1fr;
+    }
   }
 }
 
@@ -127,7 +134,7 @@ $gray-900: #202124;
   padding: 0 0 8px;
   margin-top: -4px;
 
-  @media (max-width: 768px) {
+  @media (width <= 768px) {
     grid-template-columns: 1fr;
   }
 }
@@ -157,7 +164,10 @@ $gray-900: #202124;
     height: 36px !important;
     box-shadow: 0 1px 3px rgba($primary, 0.3) !important;
 
-    i { margin-right: 6px; font-size: 12px; }
+    i {
+      margin-right: 6px;
+      font-size: 12px;
+    }
   }
 }