Remove CardIconConatiner component

CityOfDetroit · Nov 14, 2023 · 4fae230 · 4fae230
1 parent c45c414
commit 4fae230
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 45 deletions.
diff --git a/src/components/atoms/CardIconContainer/CardIconContainer.css b/src/components/atoms/CardIconContainer/CardIconContainer.css
diff --git a/src/components/atoms/CardIconContainer/CardIconContainer.js b/src/components/atoms/CardIconContainer/CardIconContainer.js
diff --git a/src/components/atoms/CardIconContainer/cod-card-icon-container.js b/src/components/atoms/CardIconContainer/cod-card-icon-container.js
diff --git a/src/components/organisms/Card/Card.css b/src/components/organisms/Card/Card.css
@@ -0,0 +1,3 @@
+.top-icon {
+  margin-top: 1em;
+}
diff --git a/src/stories/clickable.stories.js b/src/stories/clickable.stories.js
@@ -1,7 +1,6 @@
 import { html } from 'lit-html';
 import '../components/atoms/Clickable/cod-clickable';
 import '../components/organisms/Card/cod-card';
-import '../components/atoms/CardIconContainer/cod-card-icon-container';
 import '../components/atoms/Icon/cod-icon';
 import '../components/atoms/CardBody/cod-card-body';
 
@@ -15,9 +14,9 @@ export const ActionButton = () => html`
       data-id="card-as-action-button"
       data-width="18em"
     >
-      <cod-card-icon-container>
+      <div class="w-100 top-icon">
         <cod-icon data-icon="house" data-size="x-large" />
-      </cod-card-icon-container>
+      </div>
       <cod-card-body>
         <h5 class="card-title">Do Something</h5>
         <p class="card-text">Like click on this card.</p>
@@ -32,9 +31,9 @@ export const ActionButtonSuccess = () => html`
       data-id="card-as-action-button"
       data-width="18em"
     >
-      <cod-card-icon-container>
+      <div class="w-100 top-icon">
         <cod-icon data-icon="house" data-size="x-large" />
-      </cod-card-icon-container>
+      </div>
       <cod-card-body>
         <h5 class="card-title">Do Something</h5>
         <p class="card-text">Like click on this card.</p>