From a388d0f4d5a89815a71781204db1e5d26d9e0dff Mon Sep 17 00:00:00 2001
From: Mikael Arvola <167342266+marvel-uiuc@users.noreply.github.com>
Date: Fri, 23 Aug 2024 09:08:22 -0500
Subject: [PATCH] Update README.md

CSS code for icons was in the wrong place.
---
 README.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index b75d446..1cee744 100644
--- a/README.md
+++ b/README.md
@@ -36,6 +36,12 @@ as long as you include them as inline SVG rather than with an `<img>` tag.
 
 With other icons, you may need to apply the change. For reference, here is the relevant CSS for the Illinois icons:
 
+```css
+ilw-card[clickable] path.cls-1 {
+    fill: currentColor;
+}
+```
+
 ### Buttons in cards
 
 The card component overrides certain aspects of `ilw-button` and `ilw-buttons` elements to make them match
@@ -45,12 +51,6 @@ added to the buttons (eg. `ilw-theme-orange`).
 For clickable cards, the CSS background animation is also removed, because it doesn't really work with the card
 transition.
 
-```css
-ilw-card[clickable] path.cls-1 {
-    fill: currentColor;
-}
-```
-
 ## Code Examples
 
 ### Basic card with buttons