From d91e1d9a9ee98cc364bc62a4dd156500a189b99a Mon Sep 17 00:00:00 2001
From: Kelly Rauchenberger <fefferburbia@gmail.com>
Date: Fri, 5 Jan 2018 08:37:12 -0500
Subject: Improved clarity of icons

---
 app/assets/stylesheets/pokeviewer/pokemon.css.scss | 27 ++++++++++++++++++++++
 app/helpers/pokeviewer/pokemon_helper.rb           |  2 +-
 2 files changed, 28 insertions(+), 1 deletion(-)

(limited to 'app')

diff --git a/app/assets/stylesheets/pokeviewer/pokemon.css.scss b/app/assets/stylesheets/pokeviewer/pokemon.css.scss
index c935f4f..1b1ce5d 100644
--- a/app/assets/stylesheets/pokeviewer/pokemon.css.scss
+++ b/app/assets/stylesheets/pokeviewer/pokemon.css.scss
@@ -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;
+        }
       }
     }
   }
diff --git a/app/helpers/pokeviewer/pokemon_helper.rb b/app/helpers/pokeviewer/pokemon_helper.rb
index 3c9cfe6..4c2f9de 100644
--- a/app/helpers/pokeviewer/pokemon_helper.rb
+++ b/app/helpers/pokeviewer/pokemon_helper.rb
@@ -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)
-- 
cgit 1.4.1