Icons ans Splash Screens

config.xml

1. Added all icon entries for iOS and Android
2. Added all splash entries for iOS and Android

res/**

1. Added all icon image assets for iOS and Android
2. Added all splash image assets for iOS and Android

css/styles.css

1. Added width and height styles to the pending-button preloader for iOS as it seems to default to smaller than the Material one

config.xml

@@ -18,17 +18,68 @@
     <platform name="android">
         <preference name="android-minSdkVersion" value="14" />
         <allow-intent href="market:*" />
+        <icon src="res/android/ldpi/icon.png" density="ldpi" />
+        <icon src="res/android/mdpi/icon.png" density="mdpi" />
+        <icon src="res/android/hdpi/icon.png" density="hdpi" />
+        <icon src="res/android/xhdpi/icon.png" density="xhdpi" />
+        <!-- you can use any density that exists in the Android project -->
+        <splash src="res/screen/android/drawable-land-hdpi/screen.png" density="land-hdpi"/>
+        <splash src="res/screen/android/drawable-land-ldpi/screen.png" density="land-ldpi"/>
+        <splash src="res/screen/android/drawable-land-mdpi/screen.png" density="land-mdpi"/>
+        <splash src="res/screen/android/drawable-land-xhdpi/screen.png" density="land-xhdpi"/>
+        <splash src="res/screen/android/drawable-port-hdpi/screen.png" density="port-hdpi"/>
+        <splash src="res/screen/android/drawable-port-ldpi/screen.png" density="port-ldpi"/>
+        <splash src="res/screen/android/drawable-port-mdpi/screen.png" density="port-mdpi"/>
+        <splash src="res/screen/android/drawable-port-xhdpi/screen.png" density="port-xhdpi"/>
     </platform>
     <platform name="ios">
         <allow-intent href="itms:*" />
         <allow-intent href="itms-apps:*" />
         <preference name="BackupWebStorage" value="none" />
         <preference name="Orientation" value="all" />
+        <!-- iOS 8.0+ -->
+        <!-- iPhone 6 Plus  -->
+        <icon src="res/ios/icon-60@3x.png" width="180" height="180" />
+        <!-- iOS 7.0+ -->
+        <!-- iPhone / iPod Touch  -->
+        <icon src="res/ios/icon-60.png" width="60" height="60" />
+        <icon src="res/ios/icon-60@2x.png" width="120" height="120" />
+        <!-- iPad -->
+        <icon src="res/ios/icon-76.png" width="76" height="76" />
+        <icon src="res/ios/icon-76@2x.png" width="152" height="152" />
+        <!-- iOS 6.1 -->
+        <!-- Spotlight Icon -->
+        <icon src="res/ios/icon-40.png" width="40" height="40" />
+        <icon src="res/ios/icon-40@2x.png" width="80" height="80" />
+        <!-- iPhone / iPod Touch -->
+        <icon src="res/ios/icon.png" width="57" height="57" />
+        <icon src="res/ios/icon@2x.png" width="114" height="114" />
+        <!-- iPad -->
+        <icon src="res/ios/icon-72.png" width="72" height="72" />
+        <icon src="res/ios/icon-72@2x.png" width="144" height="144" />
+        <!-- iPhone Spotlight and Settings Icon -->
+        <icon src="res/ios/icon-small.png" width="29" height="29" />
+        <icon src="res/ios/icon-small@2x.png" width="58" height="58" />
+        <icon src="res/ios/icon-small@3x.png" width="87" height="87" />
+        <!-- iPad Spotlight and Settings Icon -->
+        <icon src="res/ios/icon-50.png" width="50" height="50" />
+        <icon src="res/ios/icon-50@2x.png" width="100" height="100" />
+        <!-- images are determined by width and height. The following are supported -->
+        <splash src="res/screen/ios/Default~iphone.png" width="320" height="480"/>
+        <splash src="res/screen/ios/Default@2x~iphone.png" width="640" height="960"/>
+        <splash src="res/screen/ios/Default-Portrait~ipad.png" width="768" height="1024"/>
+        <splash src="res/screen/ios/Default-Portrait@2x~ipad.png" width="1536" height="2048"/>
+        <splash src="res/screen/ios/Default-Landscape~ipad.png" width="1024" height="768"/>
+        <splash src="res/screen/ios/Default-Landscape@2x~ipad.png" width="2048" height="1536"/>
+        <splash src="res/screen/ios/Default-568h@2x~iphone.png" width="640" height="1136"/>
+        <splash src="res/screen/ios/Default-667h.png" width="750" height="1334"/>
+        <splash src="res/screen/ios/Default-736h.png" width="1242" height="2208"/>
+        <splash src="res/screen/ios/Default-Landscape-736h.png" width="2208" height="1242"/>
     </platform>
     <preference name="DisallowOverscroll" value="true" />
     <plugin name="cordova-plugin-whitelist" spec="~1.2.0" />
     <plugin name="cordova-plugin-console" spec="~1.0.1" />
     <plugin name="cordova-plugin-statusbar" spec="~1.0.1" />
     <preference name="StatusBarStyle" value="default" />
-    <plugin name="cordova-plugin-media" spec="~2.1.0" />
+    <plugin name="cordova-plugin-media" spec="~2.2.0" />
 </widget>

www/css/styles.css

@@ -76,6 +76,11 @@ body {
 	padding: 16px 16px;
 }
 
+.playback-controls .pending-button .preloader {
+  width: 32px;
+  height: 32px;
+}
+
 .playback-controls a.displayed {
   opacity: 1;
   visibility: visible;