fixed h3 and h4 order in sample

Author: nmetulev

stories/components/get.stories.js

@@ -18,14 +18,14 @@ export const GetEmail = () => html`
   <mgt-get resource="/me/messages" version="beta" scopes="mail.read" max-pages="2">
     <template>
       <div class="email" data-for="email in value">
+        <h3>{{ email.subject }}</h3>
         <h4>
           <mgt-person
             person-query="{{email.sender.emailAddress.address}}"
             view="oneline"
             person-card="hover"
           ></mgt-person>
         </h4>
-        <h3>{{ email.subject }}</h3>
         <div data-if="email.bodyPreview" class="preview" innerHtml>{{email.bodyPreview}}</div>
         <div data-else class="preview">
           email body is empty
@@ -56,13 +56,13 @@ export const GetEmail = () => html`
 
     .email h3 {
       font-size: 12px;
-      margin-top: 4px;
+      margin-bottom: 4px;
     }
 
     .email h4 {
       font-size: 10px;
       margin-top: 0px;
-      margin-bottom: 0px;
+      margin-bottom: 4px;
     }
 
     .email mgt-person {