From 1d8652ddc49eedbd3129c179f725eeece7d4e051 Mon Sep 17 00:00:00 2001
From: RainLoop Team <support@rainloop.net>
Date: Tue, 1 Mar 2016 22:13:53 +0300
Subject: [PATCH] Small interface fixes

---
 dev/Styles/MessageList.less                   |  4 ++
 dev/Styles/MessageView.less                   | 26 ++++++-
 .../templates/Views/User/MailMessageView.html | 70 +++++++++----------
 3 files changed, 62 insertions(+), 38 deletions(-)

diff --git a/dev/Styles/MessageList.less b/dev/Styles/MessageList.less
index 6e5a9bc4d..6e53de50c 100644
--- a/dev/Styles/MessageList.less
+++ b/dev/Styles/MessageList.less
@@ -249,6 +249,10 @@ html.rl-no-preview-pane {
 				height: 100%;
 			}
 
+			&.focused {
+				background-color: #f5f5f5;
+			}
+
 			&.focused .sidebarParent {
 				background-color: #ccc !important;
 			}
diff --git a/dev/Styles/MessageView.less b/dev/Styles/MessageView.less
index 8361e918c..fe9d02d3e 100644
--- a/dev/Styles/MessageView.less
+++ b/dev/Styles/MessageView.less
@@ -168,12 +168,36 @@ html.rl-no-preview-pane {
 				border: 1px solid #ddd;
 				background-color: #fff;
 				border-radius: 5px;
-				padding: 10px 15px;
+				padding: 8px 0;
 				overflow: hidden;
 
+				table {
+				    width: 100%;
+				}
+
+				table, tr, td {
+					border-spacing: 0;
+				}
+
+				td {
+					padding: 0 10px;
+					vertical-align: top;
+					min-width: 43px;
+				}
+
+				td:first-child {
+					border-right: 1px solid #ddd;
+					text-align: right;
+					width: 1%;
+				}
+
 				.uiLine {
 				}
 
+				.uiLabel {
+					white-space: nowrap;
+				}
+
 				.uiLabelValue {
 					word-break: break-all;
 				}
diff --git a/rainloop/v/0.0.0/app/templates/Views/User/MailMessageView.html b/rainloop/v/0.0.0/app/templates/Views/User/MailMessageView.html
index a27defa82..cf40951b2 100644
--- a/rainloop/v/0.0.0/app/templates/Views/User/MailMessageView.html
+++ b/rainloop/v/0.0.0/app/templates/Views/User/MailMessageView.html
@@ -252,44 +252,40 @@
 								</div>
 							</div>
 							<div class="informationFull" data-bind="visible: showFullInfo()">
-								<div>
-									<div class="pull-left" data-bind="visible: '' !== viewFrom()">
-										<span class="i18n uiLabel labelFrom" data-i18n="MESSAGE/LABEL_FROM"></span>:
-										&nbsp;
-										<span class="from" data-bind="text: viewFrom, title: viewFrom"></span>
+								<table>
+									<tr data-bind="visible: '' !== viewFrom()">
+										<td><span class="i18n uiLabel" data-i18n="MESSAGE/LABEL_FROM"></span></td>
+										<td>
+											<span class="pull-right size" data-bind="text: viewSize"></span>
+											<span class="from uiLabelValue" data-bind="text: viewFrom, title: viewFrom"></span>
 									</div>
-									<div class="pull-right" data-bind="visible: '' !== viewSize()">
-										<span class="size" data-bind="text: viewSize"></span>
-									</div>
-									<div class="clearfix"></div>
-								</div>
-								<div class="uiLine" data-bind="visible: '' !== viewTo()">
-									<span class="i18n uiLabel labelTo" data-i18n="MESSAGE/LABEL_TO"></span>:
-									&nbsp;
-									<span class="to uiLabelValue" data-bind="text: viewTo, title: viewTo"></span>
-								</div>
-								<div class="uiLine" data-bind="visible: '' !== viewCc()">
-									<span class="i18n uiLabel labelCc" data-i18n="MESSAGE/LABEL_CC"></span>:
-									&nbsp;
-									<span class="cc uiLabelValue" data-bind="text: viewCc, title: viewCc"></span>
-								</div>
-								<div class="uiLine" data-bind="visible: '' !== viewBcc()">
-									<span class="i18n uiLabel labelBcc" data-i18n="MESSAGE/LABEL_BCC"></span>:
-									&nbsp;
-									<span class="bcc uiLabelValue" data-bind="text: viewBcc, title: viewBcc"></span>
-								</div>
-								<div class="uiLine" data-bind="visible: '' !== viewReplyTo()">
-									<span class="i18n uiLabel labelBcc" data-i18n="MESSAGE/LABEL_REPLY_TO"></span>:
-									&nbsp;
-									<span class="bcc uiLabelValue" data-bind="text: viewReplyTo, title: viewReplyTo"></span>
-								</div>
-								<div class="uiLine" data-bind="visible: 0 < viewTimeStamp()">
-									<span class="i18n uiLabel labelBcc" data-i18n="MESSAGE/LABEL_DATE"></span>:
-									&nbsp;
-									<span class="date uiLabelValue" data-moment-format="FULL" data-bind="moment: viewTimeStamp"></span>
-									&nbsp;
-									(<span class="date uiLabelValue" data-moment-format="FROMNOW" data-bind="moment: viewTimeStamp"></span>)
-								</div>
+										</td>
+									</tr>
+									<tr data-bind="visible: '' !== viewTo()">
+										<td><span class="i18n uiLabel" data-i18n="MESSAGE/LABEL_TO"></span></td>
+										<td><span class="to uiLabelValue" data-bind="text: viewTo, title: viewTo"></span></td>
+									</tr>
+									<tr data-bind="visible: '' !== viewCc()">
+										<td><span class="i18n uiLabel" data-i18n="MESSAGE/LABEL_CC"></span></td>
+										<td><span class="cc uiLabelValue" data-bind="text: viewCc, title: viewCc"></span></td>
+									</tr>
+									<tr data-bind="visible: '' !== viewBcc()">
+										<td><span class="i18n uiLabel" data-i18n="MESSAGE/LABEL_BCC"></span></td>
+										<td><span class="bcc uiLabelValue" data-bind="text: viewBcc, title: viewBcc"></span></td>
+									</tr>
+									<tr data-bind="visible: '' !== viewReplyTo()">
+										<td><span class="i18n uiLabel" data-i18n="MESSAGE/LABEL_REPLY_TO"></span></td>
+										<td><span class="replyTo uiLabelValue" data-bind="text: viewReplyTo, title: viewReplyTo"></span></td>
+									</tr>
+									<tr data-bind="visible: 0 < viewTimeStamp()">
+										<td><span class="i18n uiLabel" data-i18n="MESSAGE/LABEL_DATE"></span></td>
+										<td>
+											<span class="date uiLabelValue" data-moment-format="FULL" data-bind="moment: viewTimeStamp"></span>
+											&nbsp;
+											(<span class="date uiLabelValue" data-moment-format="FROMNOW" data-bind="moment: viewTimeStamp"></span>)
+										</td>
+									</tr>
+								</table>
 							</div>
 						</div>
 					</div>