3 files changed, 27 insertions, 6 deletions

@@ -174,12 +174,14 @@
   border: 1px solid #888;
   overflow: hidden;
 
-  .male {
-    color: blue;
-  }
+  .ot-gender {
+    &.male {
+      color: blue;
+    }
 
-  .female {
-    color: red;
+    &.female {
+      color: red;
+    }
   }
 
   .pokemon-name {
@@ -219,6 +221,14 @@
 
     .pokemon-gender {
       float: right;
+
+      &.female {
+        color: #ff6363;
+      }
+
+      &.male {
+        color: #00a2ff;
+      }
     }
 
     .pokemon-level {
@@ -194,6 +194,17 @@ module Pokeviewer
       end
     end
 
+    def gender_symbol
+      case gender.intern
+      when :female
+        "♀"
+      when :male
+        "♂"
+      when :genderless
+        ""
+      end
+    end
+
     private
 
       def set_uuid
@@ -3,7 +3,7 @@
     .pokemon-nameline
       = image_tag(@pokemon.pokeball_icon_path, class: "pokemon-ball")
       %span.pokemon-name= @pokemon.revisions.last.nickname
-      %span.pokemon-gender N
+      %span.pokemon-gender{ class: @pokemon.gender }= @pokemon.gender_symbol
     .pokemon-level= "Lv. #{@pokemon.revisions.last.level}"
     .pokemon-image
       .pokemon-image-wrap= image_tag @pokemon.sprite_path