Fixed minor issues reported by user after official release of /delta

frontend/delta/scss/core/layout.scss

@@ -40,6 +40,7 @@ input[type=text] {
 
 .mainPage {
 //	background-color: yellow;
+	height: 100%;
 }
 
 .mainPage > #selectionPanel {
@@ -93,6 +94,22 @@ input[type=text] {
 	}
 }
 
+
+/* Firefox considers 100% respect to height of the whole window, this is rule is necessary to eliminate the card toolbar offset. */
+@-moz-document url-prefix() {
+
+	#mainPanel {
+		&.extra-wide {
+			.subpanel {
+				&.cardContent {
+					height: calc(100% - 50px);
+				}
+			}
+		}
+	}
+
+}
+
 #mainPanel {
 //	background-color: $yellow;
 	left: 0px;
@@ -101,7 +118,7 @@ input[type=text] {
 		@include sliding-panel-container();
 		
 		.container {
-			@include flexbox;
+			@include flexbox();
 		}
 		
 		.subpanel {
@@ -114,7 +131,7 @@ input[type=text] {
 			
 			&.cardContent {
 				@include flex($cardContentPanelFlexWidth);
-				@include flexbox;
+				@include flexbox();
 				@include flex-direction(column);
 			}
 		}
@@ -128,6 +145,7 @@ input[type=text] {
 
 		div.addCardButton {
 			margin-left: 20%;
+			z-index: 5;
 		}
 	}
 
@@ -150,6 +168,7 @@ input[type=text] {
 		
 		div.addCardButton {
 			margin-left: 75%;
+			z-index: 5;
 		}
 	}
 
@@ -268,7 +287,7 @@ input[type=text] {
 	width: 100%;
 	height: 100%;
 	
-	@include flexbox;
+	@include flexbox();
 	@include flex-direction(column);
 
 	.cardToolbar {
@@ -284,7 +303,7 @@ div.cardToolbar {
 //	background-color: $orange;
 	
 	header {
-		@include flexbox;
+		@include flexbox();
 		height: $mainCardToolbarHeight;
 		line-height: $mainCardToolbarHeight;
 		
@@ -365,7 +384,7 @@ div.cardContent {
 
 	div.cardListColumn.column {
 		@include flex($cardListWidth, 0);
-		@include flexbox;
+		@include flexbox();
 //		overflow-y: scroll;
 //		overflow:auto;
 //		@include overflow-auto;
@@ -393,7 +412,7 @@ div.cardContent {
 		div.addCardButton {
 			@include icon-font();
 			@include border-radius($addButtonSize / 2);
-			z-index: 1;
+			z-index: 5;
 //			@include radial-gradient (white, rgba(0, 0, 0, 0));
 			
 			position: relative;
@@ -432,10 +451,10 @@ div.cardContent {
 			@include flex(auto);
 			@include mask();
 
-			@include flexbox;
+			@include flexbox();
 			& > div.edit {
 				@include flex(auto);
-				@include flexbox;
+				@include flexbox();
 				@include flex-direction(column);
 
 				box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
@@ -446,6 +465,7 @@ div.cardContent {
 				.content {
 //					background-color: yellow;
 					background-color: white;
+					@include chromeFix();
 				}
 			}
 			
@@ -459,7 +479,7 @@ div.cardContent {
 		& > div.view /*, & > div.editWrapper > div.edit */ {
 			@include flex(auto);
 
-			@include flexbox;
+			@include flexbox();
 			@include flex-direction(column);
 		}
 
@@ -492,6 +512,8 @@ div.cardContent {
 	line-height: $mainCardToolbarHeight;
 	
 	&.edit {
+		@include chromeFix();
+
 		li.save {
 			cursor: default;
 		}

frontend/delta/scss/core/mixin.scss

@@ -182,6 +182,10 @@ refer to http://www.clipperz.com.
 	-webkit-overflow-scrolling: touch;
 }
 
+@mixin chromeFix () {
+	-webkit-transform: translate3d(0,0,0);
+}
+
 @mixin placeholder {
 	&::-webkit-input-placeholder {@content}
 	&:-moz-placeholder           {@content}