diff --git a/src/background.js b/src/background.js
index 3252809..b18c44c 100644
--- a/src/background.js
+++ b/src/background.js
@@ -1,7 +1,7 @@
'use strict';
chrome.app.runtime.onLaunched.addListener(function() {
- chrome.app.window.create('index.html', {
+ chrome.app.window.create('chrome.html', {
'bounds': {
'width': 1024,
'height': 768
diff --git a/src/chrome.html b/src/chrome.html
new file mode 100644
index 0000000..66cf92e
--- /dev/null
+++ b/src/chrome.html
@@ -0,0 +1,19 @@
+
+
+
+
+ Mail
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/index.html b/src/ios.html
old mode 100755
new mode 100644
similarity index 94%
rename from src/index.html
rename to src/ios.html
index 3b5aea0..955946a
--- a/src/index.html
+++ b/src/ios.html
@@ -2,12 +2,12 @@
+ Mail
- Mail
@@ -16,9 +16,8 @@
-
-
-
+
+
diff --git a/src/js/controller/navigation.js b/src/js/controller/navigation.js
index 1287ea2..fd2e65c 100644
--- a/src/js/controller/navigation.js
+++ b/src/js/controller/navigation.js
@@ -33,7 +33,7 @@ define(function(require) {
$scope.write = function(replyTo) {
var replyToPath = (replyTo) ? encodeURIComponent($scope.currentFolder.path) + '/' + replyTo.uid : '',
- url = 'index.html#/write/' + replyToPath;
+ url = 'chrome.html#/write/' + replyToPath;
if (window.chrome && chrome.app.window) {
chrome.app.window.create(url, {
diff --git a/src/sass/_scaffolding.scss b/src/sass/_scaffolding.scss
index f238267..9583382 100755
--- a/src/sass/_scaffolding.scss
+++ b/src/sass/_scaffolding.scss
@@ -34,6 +34,11 @@ textarea {
-moz-osx-font-smoothing: grayscale;
}
+// add space at the top since ios7 apps are now fullscreen
+.ios-spacer {
+ padding-top: 20px;
+}
+
// Basic layout
.main-app-view {
height: 100%;
diff --git a/src/sass/views/_mail-list.scss b/src/sass/views/_mail-list.scss
index a222634..1d68c47 100755
--- a/src/sass/views/_mail-list.scss
+++ b/src/sass/views/_mail-list.scss
@@ -2,11 +2,20 @@
$padding-horizontal: 15px;
$padding-vertical: 10px;
- float: left;
- width: $content-nav-width;
background: $color-grey-lightest;
background-image: linear-gradient(to right ,$color-grey-lightest 98%, darken($color-grey-lightest, 1%) 100%);
- border-right: 1px solid $color-grey-light;
+
+ // remove flickering on item touch selection in ios
+ * {
+ -webkit-tap-highlight-color: transparent !important;
+ }
+
+ width: 100%;
+ @include respond-to(desktop) {
+ float: left;
+ width: $content-nav-width;
+ border-right: 1px solid $color-grey-light;
+ }
header {