5 files changed, 51 insertions, 0 deletions
diff --git a/src/css/src/battle.scss b/src/css/src/battle.scss
index c9a7d00..3ba177a 100644
--- a/src/css/src/battle.scss
+++ b/src/css/src/battle.scss
@@ -1,4 +1,5 @@
 @import 'shared/battleview';
+@import 'shared/omnimod-icons';
 
 @import 'battle/controlled-panel';
 @import 'battle/info-card';
diff --git a/src/css/src/battle/info-card/character.scss b/src/css/src/battle/info-card/character.scss
index 92e4558..114e54d 100644
--- a/src/css/src/battle/info-card/character.scss
+++ b/src/css/src/battle/info-card/character.scss
@@ -138,3 +138,13 @@
    background-size: 200% 100%;
    background-position: 100% 0;
 }
+
+.character-card-mod
+{
+   display: inline-block;
+}
+
+.info-card-mod
+{
+   display: inline-block;
+}
diff --git a/src/css/src/roster-editor.scss b/src/css/src/roster-editor.scss
index 2dcf067..a35188e 100644
--- a/src/css/src/roster-editor.scss
+++ b/src/css/src/roster-editor.scss
@@ -1,4 +1,5 @@
 @import 'shared/battleview';
+@import 'shared/omnimod-icons';
 
 @import 'roster-editor/controlled-panel';
 @import 'roster-editor/info-card';
diff --git a/src/css/src/roster-editor/info-card/character.scss b/src/css/src/roster-editor/info-card/character.scss
index 5e4a958..cb00546 100644
--- a/src/css/src/roster-editor/info-card/character.scss
+++ b/src/css/src/roster-editor/info-card/character.scss
@@ -145,3 +145,13 @@
    background-size: 200% 100%;
    background-position: 100% 0;
 }
+
+.character-card-mod
+{
+   display: inline-block;
+}
+
+.info-card-mod
+{
+   display: inline-block;
+}
diff --git a/src/css/src/shared/omnimod-icons.scss b/src/css/src/shared/omnimod-icons.scss
new file mode 100644
index 0000000..b782165
--- /dev/null
+++ b/src/css/src/shared/omnimod-icons.scss
@@ -0,0 +1,29 @@
+.omnimod-icon
+{
+   display: inline-block;
+   height: 1em;
+   width: 1em;
+   background-size: 100%;
+   background-repeat: no-repeat;
+   vertical-align: middle;
+}
+
+.omnimod-icon-dmg
+{
+   background-image: url(/asset/svg/damage_type/damage.svg);
+}
+
+.omnimod-icon-slh
+{
+   background-image: url(/asset/svg/damage_type/slash.svg);
+}
+
+.omnimod-icon-blu
+{
+   background-image: url(/asset/svg/damage_type/impact.svg);
+}
+
+.omnimod-icon-pie
+{
+   background-image: url(/asset/svg/damage_type/piercing.svg);
+}