Merge pull request #159 from nextcloud/mobile_improvements

improve mobile behavior

css/style.css

@@ -114,8 +114,6 @@ button.button-inline:hover {
 	height: 100%;
 	white-space: nowrap;
 	overflow: auto;
-	top: -40px;
-	padding: 40px 0 0;
 	z-index: 100;
 	width: 100%;
 }
@@ -267,7 +265,7 @@ button.button-inline:hover {
 	width: 320px;
 	margin-right: 10px;
 	vertical-align: top;
-	display: inline-block !important;
+	display: inline-block;
 	background-color: #f8f8f8;
 }
 
@@ -299,7 +297,7 @@ button.button-inline:hover {
 .stack h2 button,
 .stack .stack-actions {
 	float: right;
-	margin: 0px 0px 0px 20px;
+	margin: 0px 0px 0px 10px;
 }
 
 .stack h2 span {
@@ -617,6 +615,8 @@ button.button-inline:hover {
 
 #app-content {
 	overflow: hidden;
+	display: flex;
+	flex-direction: column;
 }
 
 #app-content.details-visible {
@@ -896,6 +896,16 @@ button.button-inline:hover {
 	#board-header-controls-menu {
 		display: flex;
 	}
+
+	.stack {
+		width: 100%;
+		display: block;
+	}
+
+	.stack h2 .stack-actions {
+		display: flex;
+		opacity: 0.25;
+	}
 }
 
 /**

js/controller/BoardController.js

@@ -260,6 +260,7 @@ app.controller('BoardController', function ($rootScope, $scope, $stateParams, St
 		scrollableContainer: '#board',
 		containerPositioning: 'relative',
 		containment: '#board',
+		longTouch: true,
 		dragMove: function (itemPosition, containment, eventObj) {
 			if (eventObj) {
 				var container = $("#board");