Moar work

css/style.css

@@ -72,7 +72,6 @@
 	font-size:14pt;
 	margin: 0;
 	padding:12px;
-  padding-left:50px;
 
 }
 #board-actions {
@@ -135,10 +134,11 @@
 	margin-right:10px;
 	vertical-align: top;
   	display:inline-block !important;
+	background-color: #fafafa;
 }
 .stack h2 {
-	padding: 5px;
-	padding-bottom:3px;
+	padding: 10px;
+	padding-bottom:8px;
 	margin: 0;
 	font-size:12pt;
 	font-weight:700;
@@ -171,15 +171,14 @@
 	float:right;
 }
 .card {
-	background-color:#f0f0f0;
-	margin:5px;
+	background-color:#ffffff;
+	margin:10px;
 	white-space: normal;
-	padding-bottom:4px;
 	position: relative;
 	opacity: 1.0;
-	border:1px solid #aaaaaa;
+	-webkit-box-shadow: 0px 0px 5px #bbb;
 }
-.card.archived {
+.card.archived .card-upper {
 	opacity:0.5;
 }
 .card-upper {
@@ -191,6 +190,10 @@
 	position: absolute;
 	bottom: 10px;
 	right:10px;
+	display: none;
+}
+.card:hover .card-options {
+	display: block;
 }
 .card .popovermenu {
 	z-index:999;
@@ -212,11 +215,13 @@
 	font-size:10pt;
 	margin:0;
 	padding:0;
-	margin-bottom:-5px;
-	margin-top:15px;
+	margin: 5px;
 	display: inline-block;
 	float:left;
 }
+.card.has-labels h3 {
+	margin-top:15px;
+}
 .card h3 .fa {
 	font-size:18pt;
 	line-height:10pt;
@@ -251,8 +256,7 @@
 }
 
 .as-sortable-placeholder {
-	margin:5px;
-	margin-bottom:5px;
+	margin:10px;
 	border: 1px dashed #aaa;
 }
 
@@ -274,9 +278,11 @@
 	text-align:center;
 	margin:0;
 	padding:0;
-	padding-top:4px;
+	padding:10px;
 	border: none;
 	overflow:hidden;
+	margin: 10px;
+	-webkit-box-shadow: none;
 }
 .card.create:hover {
 	text-align:center;
@@ -321,10 +327,12 @@
 
 
 #card-header {
+	height: 44px;
 }
 #card-header h2 {
-	font-weight:600;
+	font-size: 14pt;
 	padding:10px;
+	padding-bottom:9px;
 	overflow: hidden;
 	margin-bottom:0px;
 	background-color:#f0f0f0;
@@ -342,6 +350,9 @@
 	color: #aaaaaa;
 	margin-bottom: 3px;
 }
+#card-meta #labels {
+	margin-bottom: 10px;
+}
 #card-dates span {
 }
 
@@ -426,14 +437,18 @@
 }
 .labels li span {
 
-}
-#assigned-users {
-	margin-top:15px;
-
 }
 .avatardiv {
 	float:left;
-	margin-right:5px;
+	background-color: #eee;
+	border-radius: 16px;
+	width:32px;
+	height:32px;
+	margin-right: 3px;
+}
+.avatardiv .fa-group {
+	padding: 7px;
+	opacity: 0.5;
 }
 
 /* color selector */
@@ -625,6 +640,14 @@ margin-bottom:2px; width:100%;
 		display:none !important;
 	}
 }
+@media only screen and (max-width: 768px) {
+	#board-header h1 {
+		margin-left: 50px;
+	}
+}
+
+
+
 
 #markdown p {
 	margin-bottom:15px;
@@ -658,6 +681,9 @@ margin-bottom:2px; width:100%;
 }
 
 
+.shareWithList .username {
+	min-width:100px;
+}
 .shareWithList .icon {
 	display: inline-block;
 	background-size: 16px 16px;