From 0bbdd0102516b2ce40ee3f89eda35e6833daa4f6 Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Wed, 6 Jan 2016 12:24:34 -0500
Subject: [PATCH] (html,css) Improve display of mail attachments

Added extension of file in a small frame
---
 UI/Templates/MailPartViewers/UIxMailPartLinkViewer.wox | 8 ++++----
 UI/WebServerResources/scss/views/MailerUI.scss         | 8 +++++++-
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/UI/Templates/MailPartViewers/UIxMailPartLinkViewer.wox b/UI/Templates/MailPartViewers/UIxMailPartLinkViewer.wox
index 031795595..dded382be 100644
--- a/UI/Templates/MailPartViewers/UIxMailPartLinkViewer.wox
+++ b/UI/Templates/MailPartViewers/UIxMailPartLinkViewer.wox
@@ -6,8 +6,8 @@
   xmlns:label="OGo:label">
   <md-card>
     <md-card-content>
-      <img var:src="mimeImageURL"/>
-      <p class="md-caption">
+      <p class="md-caption" var:title="filenameForDisplay">
+        <span class="sg-label-outline"><var:string value="preferredPathExtension"/></span>
         <var:string value="filenameForDisplay"/>
       </p>
     </md-card-content>
@@ -17,11 +17,11 @@
       </div>
       <md-button class="sg-icon-button" var:href="pathToAttachment" target="_blank">
         <md-tooltip md-direction="left"><var:string label:value="View Attachment"/></md-tooltip>
-        <md-icon>open_in_browser</md-icon>
+        <md-icon>open_in_new</md-icon>
       </md-button>
       <md-button class="sg-icon-button" var:href="pathForDownload">
         <md-tooltip md-direction="left"><var:string label:value="Save Attachment"/></md-tooltip>
-        <md-icon>save</md-icon>
+        <md-icon>file_download</md-icon>
       </md-button>
     </md-dialog-actions>
     
diff --git a/UI/WebServerResources/scss/views/MailerUI.scss b/UI/WebServerResources/scss/views/MailerUI.scss
index e3779c5f2..e14540c92 100644
--- a/UI/WebServerResources/scss/views/MailerUI.scss
+++ b/UI/WebServerResources/scss/views/MailerUI.scss
@@ -180,13 +180,19 @@ md-sidenav {
 }
 
 .mailer_mailcontent {
-  @extend .sg-md-body-multi;
   md-card {
     md-card-content {
       padding: $baseline-grid;
       p {
+        @extend .md-caption;
+        line-height: $sg-line-height-2;
         overflow: hidden;
         text-overflow: ellipsis;
+        white-space: nowrap;
+        .sg-label-outline {
+          border-color: $colorGrey400;
+          color: $colorGrey600;
+        }
       }
     }
   }