From 910e806e77c4458ff6e56ccf9b05cb17273cf0a4 Mon Sep 17 00:00:00 2001
From: Vitaliy Filippov <vitalif@yourcmc.ru>
Date: Fri, 17 Jun 2016 17:13:53 +0300
Subject: [PATCH] fix button align

---
 icons/mail_read.png | Bin 0 -> 601 bytes
 mail.css            |  16 +++++++++++-----
 mail.htm            |   2 ++
 3 files changed, 13 insertions(+), 5 deletions(-)
 create mode 100644 icons/mail_read.png

diff --git a/icons/mail_read.png b/icons/mail_read.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c080e77f68098810ff1aacf1d5ddcdf87e3865e
GIT binary patch
literal 601
zcmV-f0;c_mP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0006YNkl<ZI1!~&
zO=}ZT6g_Vy$pkgUjpC*Yt&3DBZ8c3$`z2k9;xBM5fkJVmZ7^NwuA~JAbfY^L)oujA
zXz51!L80xc#V?3pwFIRYTJ3zj=e?86B%xUd9_BL4d*_~a@40V;QVRcrNRT`+IsK5t
zvcY%LTVW1RtA-vi^ZC(A<DLjA7|$0}?#?Z^o^0HQCImiwD&gDrGM1J%%$U&bHi~GC
zY{zk7S$0#{j)T&dZ4CCOa52-JwUvC3%T2Whc})VIl#tSE3a;?$_73<xa5;tH!M?1F
zh_F>(U?N|bWJO5=p64Bk-Q5bzN6+x`)dJ#igY3X<%DK-uz6ay?3S|hK7#qEb1Iyy|
z5Sq{s(RB#&LMn-9G>WO|r_gl`zkY~#bqbVR%}`L>29LHjU8)BT`9KHwhH@gqBeQ2_
z#;nkTp6(>x%rDh+)S))W1b$F_y9nk62nDVTWe}tCW?vMsxA)uMcU>18j7nvn_Fls<
zVqk87@FGbvFP-kfvBVL~&J{5<kV41l>a^Z}EaBba8u~AtM>2T^%neW%;1a3-w!~3f
zyE=@`t<RWWSn+wClyu|z2oC;O#8Fj`Y6^7$GG%Rj3uimp{W3FsUEl~HGz~h%`o<>G
zsrtGvKxgmRwtebC?>RD`PM}I!!8o2kZ%-#|y0OG7GpAO8Fdsj8o~22hq<MwLwi2OE
nJ-R(ViD&YD_%pR4|I6B6)cX-%$0yI@00000NkvXXu0mjfqcRz*

literal 0
HcmV?d00001

diff --git a/mail.css b/mail.css
index 0a40745..de0f56e 100644
--- a/mail.css
+++ b/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
diff --git a/mail.htm b/mail.htm
index b0dc089..c5d4794 100644
--- a/mail.htm
+++ b/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';