From 2eda24e8423d4982b065ca8bdb3ed10e4fa3cf56 Mon Sep 17 00:00:00 2001
From: George Abraham <41584300+ig-georgeA@users.noreply.github.com>
Date: Fri, 1 Jul 2022 17:21:04 -0400
Subject: [PATCH] Component-testbed updates

---
 Pages/Inputs.razor     | 20 ++++++++++----------
 Pages/Inputs.razor.css | 19 +++++--------------
 2 files changed, 15 insertions(+), 24 deletions(-)

diff --git a/Pages/Inputs.razor b/Pages/Inputs.razor
index 9dba942..46d2900 100644
--- a/Pages/Inputs.razor
+++ b/Pages/Inputs.razor
@@ -17,7 +17,7 @@
         <IgbInput Label="I'm disabled" Disabled="true" Outlined="false" class="input" inputs-scope></IgbInput>
         <IgbInput Label="Label +prefix+box+help" Outlined="false" class="input" inputs-scope>
             <span slot="prefix">
-                <span class="material-icons icon_1">
+                <span class="material-icons icon">
                     person
                 </span>
             </span>
@@ -31,7 +31,7 @@
         <div class="row-layout group">
             <IgbChip Size="SizableComponentSize.Large" class="chip" inputs-scope>
                 <span slot="prefix">
-                    <span class="material-icons icon_2">
+                    <span class="material-icons icon_1">
                         place
                     </span>
                 </span>
@@ -39,7 +39,7 @@
             </IgbChip>
             <IgbChip Size="SizableComponentSize.Large" class="chip" inputs-scope>
                 <span slot="prefix">
-                    <span class="material-icons icon_2">
+                    <span class="material-icons icon_1">
                         place
                     </span>
                 </span>
@@ -47,12 +47,12 @@
             </IgbChip>
             <IgbChip Size="SizableComponentSize.Large" class="chip_1" inputs-scope>
                 <span slot="prefix">
-                    <span class="material-icons icon_2">
+                    <span class="material-icons icon_1">
                         account_balance
                     </span>
                 </span>
                 <span slot="suffix">
-                    <span class="material-icons icon_2">
+                    <span class="material-icons icon_1">
                         clear
                     </span>
                 </span>
@@ -60,12 +60,12 @@
             </IgbChip>
             <IgbChip Disabled="true" Size="SizableComponentSize.Large" class="chip_1" inputs-scope>
                 <span slot="prefix">
-                    <span class="material-icons icon_2">
+                    <span class="material-icons icon_1">
                         account_balance
                     </span>
                 </span>
                 <span slot="suffix">
-                    <span class="material-icons icon_2">
+                    <span class="material-icons icon_1">
                         clear
                     </span>
                 </span>
@@ -202,6 +202,9 @@
             <span class="material-icons">people</span>
         </IgbAvatar>
         <div class="row-layout group_8">
+            <span class="material-icons icon_2">
+                person
+            </span>
             <span class="material-icons icon_3">
                 person
             </span>
@@ -211,9 +214,6 @@
             <span class="material-icons icon_5">
                 person
             </span>
-            <span class="material-icons icon_6">
-                person
-            </span>
         </div>
     </div>
 </div>
diff --git a/Pages/Inputs.razor.css b/Pages/Inputs.razor.css
index 45f4bee..c059fae 100644
--- a/Pages/Inputs.razor.css
+++ b/Pages/Inputs.razor.css
@@ -202,21 +202,12 @@
     max-width: max-content;
     max-height: max-content;
 }
-.icon_1 {
-    font-size: 18px;
-    width: 18px;
-    height: 18px;
-    min-width: max-content;
-    min-height: max-content;
-    max-width: max-content;
-    max-height: max-content;
-}
 .chip {
     margin: 0 16px 8px 0;
     width: max-content;
     height: max-content;
 }
-.icon_2 {
+.icon_1 {
     font-size: 18px;
     width: 18px;
     height: 18px;
@@ -233,25 +224,25 @@
 .avatar {
     margin: 16px;
 }
-.icon_3 {
+.icon_2 {
     font-size: 18px;
     width: 18px;
     height: 18px;
     margin: 8px;
 }
-.icon_4 {
+.icon_3 {
     font-size: 24px;
     width: 24px;
     height: 24px;
     margin: 8px;
 }
-.icon_5 {
+.icon_4 {
     font-size: 36px;
     width: 36px;
     height: 36px;
     margin: 8px;
 }
-.icon_6 {
+.icon_5 {
     font-size: 48px;
     width: 48px;
     height: 48px;