From 7134f21ccd45f6d1afc51aaf621b997bdbfe04da Mon Sep 17 00:00:00 2001
From: Aayush Rohila <aayush.rohila@contractors.onbase.com>
Date: Fri, 27 Jan 2023 14:10:08 +0530
Subject: [PATCH] added fieldset around checkboxes

---
 .../search-check-list.component.html          | 31 ++++++++++---------
 .../search-check-list.component.scss          |  4 +++
 2 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.html b/lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.html
index c5a5df9594..870f8dcfe4 100644
--- a/lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.html
+++ b/lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.html
@@ -1,19 +1,20 @@
 <div class="checklist">
-    <mat-checkbox
-        *ngFor="let option of options"
-        [checked]="option.checked"
-        (keydown.enter)="option.checked = !option.checked"
-        [attr.data-automation-id]="'checkbox-' + (option.name)"
-        [attr.aria-label]="option.name | translate"
-        (change)="changeHandler($event, option)"
-        class="adf-facet-filter">
-        <div matTooltip="{{ option.name | translate }}"
-            matTooltipPosition="right"
-            class="facet-name">
-            {{ option.name | translate }}
-        </div>
-
-    </mat-checkbox>
+    <fieldset>
+        <mat-checkbox
+            *ngFor="let option of options"
+            [checked]="option.checked"
+            (keydown.enter)="option.checked = !option.checked"
+            [attr.data-automation-id]="'checkbox-' + (option.name)"
+            [attr.aria-label]="option.name | translate"
+            (change)="changeHandler($event, option)"
+            class="adf-facet-filter">
+            <div matTooltip="{{ option.name | translate }}"
+                matTooltipPosition="right"
+                class="facet-name">
+                {{ option.name | translate }}
+            </div>
+        </mat-checkbox>
+    </fieldset>
 </div>
 
 <div class="adf-facet-buttons" *ngIf="options.fitsPage && !settings?.hideDefaultAction">
diff --git a/lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.scss b/lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.scss
index 936267870d..4633331ef3 100644
--- a/lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.scss
+++ b/lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.scss
@@ -24,3 +24,7 @@
         }
     }
 }
+
+fieldset {
+    border: 0 none;
+}