improvements

data/interfaces/default/base.html

@@ -11,8 +11,6 @@ from plexpy import version
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="">
     <meta name="author" content="">
-    <meta name="mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-capable" content="yes">
     <link href="interfaces/default/css/bootstrap3/bootstrap.css" rel="stylesheet">
     <link href="interfaces/default/css/plexpy.css" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
@@ -37,19 +35,11 @@ from plexpy import version
 
     <!-- ICONS -->
     <!-- IE10 icon --> 
-    <meta name="PlexPy" content="PlexPy"/>
-    <meta name="msapplication-TileColor" content="#000000"/>
-    <meta name="msapplication-square70x70logo" content="tiny.png"/>
-    <meta name="msapplication-square150x150logo" content="square.png"/>
-    <meta name="msapplication-wide310x150logo" content="wide.png"/>
-    <meta name="msapplication-square310x310logo" content="large.png"/>
+<meta name="application-name" content="PlexPy" />
+<meta name="msapplication-config" content="interfaces/default/xml/IEconfig.xml"/>
+
     <!-- Android >M39 icon -->
-    <link rel="icon" sizes="48x48"href="interfaces/default/images/res/android/48.png">
-    <link rel="icon" sizes="72x72"href="interfaces/default/images/res/android/72.png">
-    <link rel="icon" sizes="96x96"href="interfaces/default/images/res/android/96.png">    
-    <link rel="icon" sizes="144x144"href="interfaces/default/images/res/android/144.png">
-    <link rel="icon" sizes="192x192"href="interfaces/default/images/res/android/192.png">
-    <link rel="icon" sizes="512x512"href="interfaces/default/images/res/android/512.png">
+<link rel="manifest" href="interfaces/default/json/Android-manifest.json">
     <!-- iPad retina icon -->
     <link href="interfaces/default/images/res/ios/icon-76@2x.png" sizes="152x152" rel="apple-touch-icon-precomposed">
     <!-- iPad retina icon (iOS < 7) -->

data/interfaces/default/css/plexpy.css

@@ -2469,7 +2469,8 @@ a .home-platforms-instance-list-oval:hover,
     bottom: 0;
     left: 0;
     overflow-x: hidden;
-    overflow-y: auto;
+    overflow-y: scroll;
+	-webkit-overflow-scrolling: touch;
     
 }
 ::-webkit-scrollbar {

data/interfaces/default/json/Android-manifest.json

@@ -0,0 +1,28 @@
+{
+  "name": "PlexPy",
+  "display": "standalone",
+  "icons": [
+    {
+      "src": "../images/res/android/icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "../images/res/android/icon-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    },
+    {
+      "src": "../images/res/android/icon-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png"
+    },
+    {
+      "src": "../images/res/android/icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "background_color": "#1F1F1F",
+  "theme_color": "#000000"
+}

data/interfaces/default/xml/IEconfig.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square70x70logo src="interfaces/default/images/res/ie10/tiny.png"/>
+      <square150x150logo src="interfaces/default/images/res/ie10/square.png"/>
+      <wide310x150logo src="interfaces/default/images/res/ie10/wide.png"/>
+      <square310x310logo src="interfaces/default/images/res/ie10/large.png"/>
+      <TileColor>#1F1F1F</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>