Improved clarity of icons

2 files changed, 28 insertions, 1 deletions

@@ -93,6 +93,10 @@
         .party-icon {
           display: inline-block;
           vertical-align: middle;
+
+          img {
+            image-rendering: pixelated;
+          }
         }
 
         .party-name {
@@ -134,6 +138,10 @@
           width: 32px;
           height: 32px;
         }
+
+        img {
+          image-rendering: pixelated;
+        }
       }
     }
   }
@@ -164,6 +172,10 @@
 
   li {
     display: block;
+
+    img {
+      image-rendering: pixelated;
+    }
   }
 }
 
@@ -214,6 +226,7 @@
 
     .pokemon-ball {
       margin: -8px;
+      image-rendering: pixelated;
     }
 
     .pokemon-name {
@@ -252,10 +265,15 @@
         padding: 4px;
         position: relative;
 
+        img {
+          image-rendering: pixelated;
+        }
+
         .pkv-shiny-star {
           position: absolute;
           top: 0;
           right: -1.5em;
+          image-rendering: pixelated;
         }
       }
     }
@@ -282,10 +300,15 @@
       img {
         vertical-align: bottom;
         margin: -4px -4px -4px -8px;
+        image-rendering: pixelated;
       }
     }
   }
 
+  .pkv-type {
+    image-rendering: pixelated;
+  }
+
   table {
     border-spacing: 0;
     width: 100%;
@@ -464,6 +487,10 @@
 
       li {
         display: block;
+
+        img {
+          image-rendering: pixelated;
+        }
       }
     }
   }
@@ -120,7 +120,7 @@ module Pokeviewer
     end
 
     def image_for_type(type)
-      image_tag "pokeviewer/types/#{type}.gif"
+      image_tag "pokeviewer/types/#{type}.gif", class: "pkv-type"
     end
 
     def move_details(revision, index)