From 8e4969c1812eabeaea050aaee2d245f3efa36262 Mon Sep 17 00:00:00 2001
From: Shreyansh Sahu <shreyansh.sahu@traceable.ai>
Date: Sat, 5 Feb 2022 14:38:55 +0530
Subject: [PATCH 1/4] fix(ui): centered toggle switch vertically

---
 .../components/src/toggle-switch/toggle-switch.component.scss    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/projects/components/src/toggle-switch/toggle-switch.component.scss b/projects/components/src/toggle-switch/toggle-switch.component.scss
index 6990e107b..325125685 100644
--- a/projects/components/src/toggle-switch/toggle-switch.component.scss
+++ b/projects/components/src/toggle-switch/toggle-switch.component.scss
@@ -2,6 +2,7 @@
 @import 'font';
 
 :host {
+  display: flex;
   ::ng-deep {
     .mat-slide-toggle {
       &.disabled {

From e90561f954c32157433ce94f3a8d2d25054f69ce Mon Sep 17 00:00:00 2001
From: Shreyansh Sahu <shreyansh.sahu@traceable.ai>
Date: Tue, 8 Feb 2022 21:10:24 +0530
Subject: [PATCH 2/4] fix(ui): encapsulated mat-slide-toggle in a div

---
 .../toggle-switch.component.scss              |  2 +-
 .../toggle-switch/toggle-switch.component.ts  | 20 ++++++++++---------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/projects/components/src/toggle-switch/toggle-switch.component.scss b/projects/components/src/toggle-switch/toggle-switch.component.scss
index 325125685..b30652d2c 100644
--- a/projects/components/src/toggle-switch/toggle-switch.component.scss
+++ b/projects/components/src/toggle-switch/toggle-switch.component.scss
@@ -1,7 +1,7 @@
 @import 'color-palette';
 @import 'font';
 
-:host {
+.toggle-switch {
   display: flex;
   ::ng-deep {
     .mat-slide-toggle {
diff --git a/projects/components/src/toggle-switch/toggle-switch.component.ts b/projects/components/src/toggle-switch/toggle-switch.component.ts
index ad068dc31..aa897013d 100644
--- a/projects/components/src/toggle-switch/toggle-switch.component.ts
+++ b/projects/components/src/toggle-switch/toggle-switch.component.ts
@@ -7,15 +7,17 @@ import { ToggleSwitchSize } from './toggle-switch-size';
   styleUrls: ['./toggle-switch.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `
-    <mat-slide-toggle
-      color="primary"
-      [checked]="this.checked"
-      [ngClass]="{ 'small-slide-toggle': this.size === '${ToggleSwitchSize.Small}', disabled: this.disabled }"
-      [disabled]="this.disabled"
-      (change)="this.onToggle($event)"
-    >
-      <div class="label">{{ this.label }}</div>
-    </mat-slide-toggle>
+    <div class="toggle-switch">
+      <mat-slide-toggle
+        color="primary"
+        [checked]="this.checked"
+        [ngClass]="{ 'small-slide-toggle': this.size === '${ToggleSwitchSize.Small}', disabled: this.disabled }"
+        [disabled]="this.disabled"
+        (change)="this.onToggle($event)"
+      >
+        <div class="label">{{ this.label }}</div>
+      </mat-slide-toggle>
+    </div>
   `
 })
 export class ToggleSwitchComponent {

From ff1895f697e921682867d95c1e1f19af91510010 Mon Sep 17 00:00:00 2001
From: Shreyansh Sahu <shreyansh.sahu@traceable.ai>
Date: Thu, 17 Feb 2022 11:49:57 +0530
Subject: [PATCH 3/4] fix(style): added align-items center property

---
 .../components/src/toggle-switch/toggle-switch.component.scss   | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/projects/components/src/toggle-switch/toggle-switch.component.scss b/projects/components/src/toggle-switch/toggle-switch.component.scss
index b30652d2c..c82b4d7a2 100644
--- a/projects/components/src/toggle-switch/toggle-switch.component.scss
+++ b/projects/components/src/toggle-switch/toggle-switch.component.scss
@@ -3,6 +3,8 @@
 
 .toggle-switch {
   display: flex;
+  align-items:center;
+  
   ::ng-deep {
     .mat-slide-toggle {
       &.disabled {

From 3a6bb8f592d0b9ec9ae83287d46e07b46dfe76db Mon Sep 17 00:00:00 2001
From: Shreyansh Sahu <shreyansh.sahu@traceable.ai>
Date: Thu, 17 Feb 2022 11:55:07 +0530
Subject: [PATCH 4/4] fix(code): fixed linting

---
 .../components/src/toggle-switch/toggle-switch.component.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/projects/components/src/toggle-switch/toggle-switch.component.scss b/projects/components/src/toggle-switch/toggle-switch.component.scss
index c82b4d7a2..7812750ee 100644
--- a/projects/components/src/toggle-switch/toggle-switch.component.scss
+++ b/projects/components/src/toggle-switch/toggle-switch.component.scss
@@ -3,8 +3,8 @@
 
 .toggle-switch {
   display: flex;
-  align-items:center;
-  
+  align-items: center;
+
   ::ng-deep {
     .mat-slide-toggle {
       &.disabled {