fix button align

mail.css

@@ -64,8 +64,8 @@ table, td, th
 button, a.button
 {
 	display: inline-block;
+	vertical-align: top;
 	cursor: default;
-	vertical-align: middle;
 	outline: 0;
 	text-decoration: none;
 	background: transparent;
@@ -82,6 +82,12 @@ button, a.button
 	text-align: left;
 	/*white-space: nowrap;
 	height: 32px;*/
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
 }
 
 button img, a.button img
@@ -1231,8 +1237,7 @@ div
 
 .message-view .message .blocked-images .button
 {
-	vertical-align: bottom;
-	margin: -3px 20px 3px;
+	margin: 0 20px;
 }
 
 .message-view .message .blocked-images label
@@ -1244,7 +1249,7 @@ div
 {
 	background: -moz-linear-gradient(top, #fef9f7 0%, #f7f2f0 100%);
 	background: -webkit-linear-gradient(top, #fef9f7 0%, #f7f2f0 100%);
-	padding: 20px;
+	padding: 0 20px;
 	border-bottom: 1px solid #bab7b5;
 	max-height: 50%;
 	overflow-x: hidden;
@@ -1253,7 +1258,7 @@ div
 
 .message-view .message .headers .top
 {
-	margin: 0 0 20px 0;
+	margin: 20px 0;
 }
 
 .message-view .message .headers .top .subject
@@ -1294,6 +1299,7 @@ div
 .message-view .message .headers .header-table
 {
 	display: table;
+	margin: 0 0 20px 0;
 }
 
 .message-view .message .headers .header

mail.htm

@@ -683,6 +683,7 @@
 </div>
 <script>
 <!--
+// TODO: virtual scroll
 // TODO: expand/collapse days, handle up/down (switch messages -> days -> messages -> scroll), pgup/pgdown, home/end keys
 // TODO: keyboard navigation in dropdowns
 // TODO: message multiselect in list (with ctrl, shift and keyboard)
@@ -690,6 +691,7 @@
 // TODO: quick reply
 // TODO: async backend with parallel fetch, ssh backdoor for work mail
 // TODO: threads
+// APIs: get accounts, get folders, get message groups, get messages (with virtual scroll), get message, save message
 function expandChecks()
 {
     var e = this.firstChild.className == 'expand';