tidy CSS

lawandothman · Jan 15, 2020 · eddeb2e · eddeb2e · lawandothman · Jan 15, 2020
1 parent c98a651
commit eddeb2e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 28 deletions.
diff --git 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
@@ -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>