From 93431210f4c381ab220f1d8142f0b4451bad7e20 Mon Sep 17 00:00:00 2001
From: "Hilmer, Carsten" <carsten_hilmer@hilmerarts.de>
Date: Mon, 19 Sep 2016 21:59:19 +0200
Subject: [PATCH] css angepasst entwicklung

---
 www/css/custom_style.css                      |  6 +++
 .../pokemonliste/html/pokemon-detail.html     | 42 ++++++++++---------
 2 files changed, 28 insertions(+), 20 deletions(-)

diff --git a/www/css/custom_style.css b/www/css/custom_style.css
index fb1dc1d..caf3dd4 100644
--- a/www/css/custom_style.css
+++ b/www/css/custom_style.css
@@ -18,6 +18,12 @@ md-input-container {
     font-size: 10px;
 }
 
+.prizingfont{
+    color:#fff;
+    font-size: 14px;
+    text-shadow: 2px 0 0 #333333, -2px 0 0 #333333, 0 2px 0 #333333, 0 -2px 0 #333333, 1px 1px #333333, -1px -1px 0 #333333, 1px -1px 0 #333333, -1px 1px 0 #333333;
+}
+
 .divcenter {
     margin-left: auto;
     margin-right: auto;
diff --git a/www/templates/pokemonliste/html/pokemon-detail.html b/www/templates/pokemonliste/html/pokemon-detail.html
index d65c7c2..909e954 100644
--- a/www/templates/pokemonliste/html/pokemon-detail.html
+++ b/www/templates/pokemonliste/html/pokemon-detail.html
@@ -5,7 +5,7 @@
 <!--State name : app.contractdetail-->
 <!--URL : #app/contractdetail-->
 
-<ion-view title="{{pokemon.pokemonname}} - (Eng.: {{ pokemon.pokemonnameeng }})">
+<ion-view title="{{pokemon.pokemonname}} - (engl.: {{ pokemon.pokemonnameeng }})">
     <!--left button on navigation bar-->
     <ion-nav-buttons side="left">
         <a ng-click="$ionicGoBack()" class="button back-button buttons  button-clear header-item nav-back-btn">
@@ -81,30 +81,32 @@
     Entwicklung
   </div>
     <md-list>
-        <div class="row" ng-repeat="pokemonentwicklung in pokemonentwicklungliste"  style="font-size: 10px;">
-
-            <div class="col-33 col-center"></div>
-            <div class="col-33 col-center">
-                <div class="divcenter">
-                    <p ng-if="pokemonentwicklung.pokemonlistentyp == 2">{{ pokemonentwicklung.pokemonpokedexid }} Bonbons</p>
-                    <img ng-if="pokemonentwicklung.pokemonlistentyp == 2" src="img/arrow_down.png" width="64" height="64">
-                    <img ng-if="pokemonentwicklung.pokemonlistentyp == 1" src="{{pokemonentwicklung.pokemonimage}}" width="64" height="64">
-                    <p ng-if="pokemonentwicklung.pokemonlistentyp == 1">{{ pokemonentwicklung.pokemonname }} </p>
-                    <p ng-if="pokemonentwicklung.pokemonlistentyp == 1">engl.: {{ pokemonentwicklung.pokemonnameeng }}</p>
-                </div>
+        <div class="row" ng-repeat="pokemonentwicklung in pokemonentwicklungliste"  style="font-size: 12px;">
+            <div style="width: 100%;  text-align: center;" class="col">
+                <i ng-if="pokemonentwicklung.pokemonlistentyp == 2" class="ion-arrow-down-a center-screen" style="font-size:18px;color:#333333;"></i>
+                <br ng-if="pokemonentwicklung.pokemonlistentyp == 2">
+                <span ng-if="pokemonentwicklung.pokemonlistentyp == 2" class="prizingfont">{{ pokemonentwicklung.pokemonpokedexid }} Bonbons</span>
+                <br ng-if="pokemonentwicklung.pokemonlistentyp == 2">
+                <i ng-if="pokemonentwicklung.pokemonlistentyp == 2" class="ion-arrow-down-a center-screen" style="font-size:18px;color:#333333;"></i>
+                <br ng-if="pokemonentwicklung.pokemonlistentyp == 2">
+                <img ng-if="pokemonentwicklung.pokemonlistentyp == 1" src="{{pokemonentwicklung.pokemonimage}}" width="64" height="64" alig="center">
+                <br ng-if="pokemonentwicklung.pokemonlistentyp == 1">
+                <span ng-if="pokemonentwicklung.pokemonlistentyp == 1">{{ pokemonentwicklung.pokemonname }}</span>
+                <span ng-if="pokemonentwicklung.pokemonlistentyp == 1" style="font-size: 8px;"> <i>(engl. {{ pokemonentwicklung.pokemonnameeng }})</i></span>
+                <br ng-if="pokemonentwicklung.pokemonlistentyp == 1">
             </div>
-            <div class="col-33 col-center"></div>
-
         </div>
-        <div class="row" style="font-size: 10px;">
-        <div ng-repeat="pokemonentwicklung in pokemonentwicklunglisteonestep" class="col col-center">
-             <div class="divcenter">
+
+        <div class="row">
+            <div ng-repeat="pokemonentwicklung in pokemonentwicklunglisteonestep" style="text-align: center;" class="col">
                 <img ng-if="pokemonentwicklung.pokemonlistentyp == 1" src="{{pokemonentwicklung.pokemonimage}}" width="64" height="64">
-                <p ng-if="pokemonentwicklung.pokemonlistentyp == 1">{{ pokemonentwicklung.pokemonname }} </p>
-                <p ng-if="pokemonentwicklung.pokemonlistentyp == 1">engl.: {{ pokemonentwicklung.pokemonnameeng }}</p>
+                <br ng-if="pokemonentwicklung.pokemonlistentyp == 1">
+                <span ng-if="pokemonentwicklung.pokemonlistentyp == 1">{{ pokemonentwicklung.pokemonname }}</span>
+                <br ng-if="pokemonentwicklung.pokemonlistentyp == 1">
+                <span ng-if="pokemonentwicklung.pokemonlistentyp == 1" style="font-size: 8px;"> <i>(engl. {{ pokemonentwicklung.pokemonnameeng }})</i></span>
+                <br ng-if="pokemonentwicklung.pokemonlistentyp == 1">
             </div>
         </div>
-        </div>
 
     </md-list>
 </div>