From eddeb2e48f146821877e0aa8342065be03a11a31 Mon Sep 17 00:00:00 2001
From: Lawand Othman <lawandothman@LAW.local>
Date: Wed, 15 Jan 2020 23:39:24 +0000
Subject: [PATCH] tidy CSS

---
 public/style.css | 29 ++++-------------------------
 views/index.html |  4 +---
 2 files changed, 5 insertions(+), 28 deletions(-)

diff --git a/public/style.css b/public/style.css
index 2dbe003..21040f2 100644
--- a/public/style.css
+++ b/public/style.css
@@ -8,10 +8,12 @@ body {
 
 .type {
   text-transform: capitalize;
-  margin: auto;
   text-align: center;
   text-transform: uppercase;
   color: white;
+  padding: 2px 10px;
+  border-radius: 10px;
+  margin: 0px 5px 0px 5px;
 }
 
 .pokedex {
@@ -44,11 +46,11 @@ body {
 
 .image {
   height: 180px;
+  margin: 10px 0px 10px 0px;
 }
 
 .fire {
   background-color: #fd7d24;
-  margin-left: auto;
 }
 
 .flying {
@@ -117,26 +119,3 @@ body {
 .poison {
   background-color: #b97fc9;
 }
-.fire,
-.flying,
-.electric,
-.grass,
-.water,
-.psychic,
-.fighting,
-.bug,
-.normal,
-.dragon,
-.fairy,
-.rock,
-.ground,
-.steel,
-.ice,
-.ghost,
-.dark,
-.poison {
-  padding: 2px 10px;
-  border-radius: 10px;
-  margin-left: 5px;
-  margin-right: 5px;
-}
diff --git a/views/index.html b/views/index.html
index 9303b0a..430d3b9 100644
--- a/views/index.html
+++ b/views/index.html
@@ -34,12 +34,10 @@ <h1 class="title is-1">Pokédex</h1>
             <img class = "image" src =
             "{{pokemon.data.sprites["front_default"]}}" onerror = "this.src='https://www.brooklinelibrary.org/wp-content/uploads/2016/07/2000px-Poké_Ball.svg_-1.png'">
           </a>
-          <div class="type">
             {%for type in pokemon.data.types%}
-             <span class = "{{type.type.name}}"> {{type.type.name}} </span>
+             <span class = "type {{type.type.name}}"> {{type.type.name}} </span>
              {%endfor%}
             {%endfor%}
-          </p>
           </li>
         </ol>
       </div>