From b8468d4d97e55407564629d8bb80e3e18ec17d29 Mon Sep 17 00:00:00 2001
From: kj1352 <nikhilkj24@gmail.com>
Date: Wed, 24 Nov 2021 17:16:53 +0530
Subject: [PATCH] Added classes to sample UI

---
 src/app/e-services/e-services.component.scss             | 5 +++++
 src/app/key-value-holder/key-value-holder.component.html | 2 +-
 src/app/key-value-holder/key-value-holder.component.scss | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/e-services/e-services.component.scss b/src/app/e-services/e-services.component.scss
index 6c7c182..8d7de5d 100644
--- a/src/app/e-services/e-services.component.scss
+++ b/src/app/e-services/e-services.component.scss
@@ -112,4 +112,9 @@
             }
         }
     }
+}
+
+.table-holder, .key-value-holder {
+    width: 90%;
+    margin: 0 auto;
 }
\ No newline at end of file
diff --git a/src/app/key-value-holder/key-value-holder.component.html b/src/app/key-value-holder/key-value-holder.component.html
index 4f50a0e..b7e3025 100644
--- a/src/app/key-value-holder/key-value-holder.component.html
+++ b/src/app/key-value-holder/key-value-holder.component.html
@@ -1,4 +1,4 @@
-<ul class="bill-breakup">
+<ul class="key-value">
     <li *ngFor="let keyValue of keyValues">
         <label> {{ keyValue.key }}: </label>
         <div class="value"> {{ keyValue.value }} </div>
diff --git a/src/app/key-value-holder/key-value-holder.component.scss b/src/app/key-value-holder/key-value-holder.component.scss
index f041ca2..d493e19 100644
--- a/src/app/key-value-holder/key-value-holder.component.scss
+++ b/src/app/key-value-holder/key-value-holder.component.scss
@@ -1,4 +1,4 @@
-.bill-breakup {    
+.key-value {    
     display: grid;
     grid-template-columns: 1fr 1fr;
     list-style: none;