Adapt markup to typographic styles

- Mail Messages List

UI/Templates/MailerUI/UIxMailFolderTemplate.wox

@@ -2,15 +2,16 @@
 <container
     xmlns = "http://www.w3.org/1999/xhtml"
     >
-  <md-content flex = "40" style = "min-width: 300px;" id = "messagesList">
-    <!--dirty fix for vs-repeat-->
+  <md-content flex = "40" style = "min-width: 300px; position: relative;" id = "messagesList">
     <style>
       .vs-repeat-repeated-element {
       width: 100%;
       }
     </style>
+
     <md-list data-vs-repeat = "72"
         data-vs-scroll-parent = "#messagesList">
+      <!--<md-subheader class="md-default-theme md-primary md-hue-3">Unread Messages</md-subheader>-->
       <md-item ng-repeat = "currentMessage in mailbox.$messages track by currentMessage.id"
           data-ng-class = "{unread: !currentMessage.isread}">
         <md-item-content>
@@ -22,15 +23,14 @@
                 data-ui-sref-active = "_selected">
               <div class = "sg-md-subhead-multi">
                 {{currentMessage.$shortAddress('from')}}
-                <span class = "right" data-ng-bind-html = "currentMessage.relativedate"><!-- date --></span>
               </div>
+              <span class = "right" data-ng-bind-html = "currentMessage.relativedate"><!-- date --></span>
               <div class = "sg-md-body-multi">{{currentMessage.subject}}</div>
               <i class = "icon-ion-refresh"
                   data-ng-hide = "mailbox.$loadMessage(currentMessage.uid)"><!-- loading --></i>
             </a>
           </div>
         </md-item-content>
-        <md-divider md-inset = "true" ng-if = "!$last"><!--divider--></md-divider>
       </md-item>
     </md-list>
   </md-content>