Fix card positioning when draging them around

fixes #293

Signed-off-by: Julius Härtl <jus@bitgrid.net>

css/style.scss

@@ -139,6 +139,12 @@ input.input-inline {
 	width: 100%;
 	bottom: 0px;
 	top: 44px;
+
+	&.as-sortable-un-selectable {
+		.card-list {
+			min-height: 96px;
+		}
+	}
 }
 
 #innerBoard {
@@ -309,21 +315,35 @@ input.input-inline {
 		width: 100%;
 	}
 
-	.card-list {
+	ul {
-		padding-bottom: 100px;
+		overflow: hidden;
-		padding-top: 40px;
-		margin-top:-40px;
 	}
+
+	.as-sortable-placeholder {
+		margin: 10px 10px 20px 10px;
+		border: 1px dashed $color-darkgrey;
+
+		&:last-child {
+			margin: 10px;
+		}
+	}
+
 }
 
+
 .card {
 	background-color: $color-main-background;
 	margin: 10px 10px 20px 10px;
 	white-space: normal;
 	position: relative;
 	opacity: 1.0;
+	overflow: auto;
 	-webkit-box-shadow: 0 0 5px $color-darkgrey;
 
+	&:last-child {
+		margin: 10px;
+	}
+
 	&.archived .card-upper {
 		opacity: 0.5;
 	}
@@ -408,7 +428,6 @@ input.input-inline {
 		text-align: center;
 		padding: 10px;
 		margin: 10px;
-		margin-top: -90px;
 		border: none;
 		overflow: hidden;
 		-webkit-box-shadow: none;
@@ -462,11 +481,6 @@ input.input-inline {
 	}
 }
 
-.as-sortable-placeholder {
-	margin: 10px 10px 20px 10px;
-	border: 1px dashed $color-darkgrey;
-}
-
 .info {
 	padding-left: 5px;
 	padding-right: 5px;
@@ -1093,6 +1107,9 @@ input.input-inline {
 		h2 button {
 			display: none;
 		}
+		h2:hover button {
+			display: inline-flex;
+		}
 	}
 }