diff --git a/src/translation/en.json b/src/translation/en.json
index d2d82154d..a885ee42b 100644
--- a/src/translation/en.json
+++ b/src/translation/en.json
@@ -237,7 +237,78 @@
         }
     },
     "emails": {
-        "title": "Email"
+        "title": "Email",
+        "domains": {
+            "title": "Domains",
+            "domain": "Domain",
+            "config": "Config",
+            "outbound": "Outbound only",
+            "disabled": "Disabled",
+            "stats": "{{ mailboxCount }} Mailbox(es) / Usage: {{ usage | prettyByteSize }}",
+            "testEmailTooltip": "Send Test Email"
+        },
+        "settings": {
+            "title": "Settings",
+            "info": "These settings are global and apply to all domains.",
+            "location": "Mail server location",
+            "maxMailSize": "Maximum email size",
+            "spamFilter": "Spam filtering",
+            "spamFilterOverview": "{{ acl.blacklist.length }} address(es) blacklisted {{ customConfig ? '. Custom rules set.' : '.' }}",
+            "changeDomainProgress": "Changing Email domain:"
+        },
+        "eventlog": {
+            "title": "Event Log",
+            "time": "Time",
+            "details": "Details",
+            "empty": "Event Log is empty.",
+            "type": {
+                "outgoing": "Outgoing",
+                "deferred": "Deferred",
+                "incoming": "Incoming",
+                "queued": "Queued",
+                "denied": "Denied",
+                "bounce": "Bounce",
+                "spamFilterTrained": "Spam filter trained",
+                "bounceInfo": "Sent bounce to {{ mailFrom | prettyEmailAddresses }} for mail sent to {{ rcptTo | prettyEmailAddresses }}. {{ details.message || details.reason }}",
+                "deferredInfo": "Failed to deliver mail to {{ rcptTo | prettyEmailAddresses }}. {{ details.message || details.reason }}. Will retry in {{ details.delay }}s.",
+                "inboundInfo": "Incoming mail from {{ mailFrom | prettyEmailAddresses }} to {{ rcptTo | prettyEmailAddresses }}. Spam: {{ details.spamStatus.indexOf('Yes,') === 0 ? 'Yes' : 'No' }}",
+                "outboundInfo": "Queued mail for delivery to {{ rcptTo | prettyEmailAddresses }} from {{ mailFrom | prettyEmailAddresses }}",
+                "receivedInfo": "Saved mail from {{ mailFrom | prettyEmailAddresses }} in mailbox {{ rcptTo | prettyEmailAddresses }}",
+                "deliveredInfo": "Delivered mail to {{ rcptTo | prettyEmailAddresses }} from {{ mailFrom | prettyEmailAddresses }}",
+                "deniedInfo": "Connection from {{ remote.ip }} denied. {{ details.message || details.reason }}",
+                "spamFilterTrainedInfo": "Spam filter trained using mailbox content"
+            },
+            "showRawLogsAction": "Show Raw Logs",
+            "searchPlaceholder": "Search"
+        },
+        "changeDomainDialog": {
+            "title": "Change Email Server Location",
+            "description": "Cloudron will make the necessary DNS changes across all the domains and restart the mail server. Desktop & Mobile email clients have to be re-configured to use this new location as the IMAP and SMTP server.",
+            "location": "Location",
+            "locationPlaceholder": "Leave empty to use bare domain",
+            "linodeInfo": "Linode DNS average <a target=\"_blank\" ng-href=\"{{ linodeDocsLink }}\">propagation time</a> is 30 minutes. Changing the location will take a while.",
+            "manualInfo": "Add an A record manually for {{ (!subdomain ? '' : '.') + domain.domain }} to this Cloudron's public IP"
+        },
+        "changeMailSizeDialog": {
+            "title": "Change Maximum Email Size",
+            "description": "Changing the maximum email message size requires a restart of the mail server.",
+            "size": "Maximum size in megabytes:"
+        },
+        "spamFilterDialog": {
+            "title": "Spam Filtering",
+            "blacklisteAddresses": "Blacklisted addresses",
+            "blacklisteAddressesInfo": "Matched addresses will end up in the user's Spam folder. '*' and '?' glob patterns are supported.",
+            "customRules": "Custom Spamassassin Rules",
+            "blacklisteAddressesPlaceholder": "Line separated email address patterns",
+            "customRulesPlaceholder": "Custom Spamassassin Rules"
+        },
+        "testMailDialog": {
+            "title": "Send test email for {{ domain }}",
+            "description": "This will send a test email from <b>no-reply@{{domain}}</b> to the address below.",
+            "mailTo": "Email to",
+            "mailToPlaceholder": "Email address",
+            "sendAction": "Send"
+        }
     },
     "network": {
         "title": "Network",
diff --git a/src/views/email.html b/src/views/email.html
index 5d4b1908c..caae6eb80 100644
--- a/src/views/email.html
+++ b/src/views/email.html
@@ -351,8 +351,8 @@
             <button class="btn btn-primary btn-outline pull-right" ng-click="mailboxes.add.show()"  ng-disabled="!domain.mailConfig.enabled" tooltip-enable="!domain.mailConfig.enabled" uib-tooltip="Email is disabled for this domain"><i class="fa fa-inbox"></i> Add</button>
 
             <div class="pull-right">
-              <button class="btn btn-default btn-outline" ng-click="mailboxes.showPrevPage()" ng-disabled="mailboxes.busy || mailboxes.currentPage <= 1"><i class="fa fa-angle-double-left"></i> prev</button>
-              <button class="btn btn-default btn-outline" ng-click="mailboxes.showNextPage()" ng-disabled="mailboxes.busy || mailboxes.perPage > mailboxes.mailboxes.length">next <i class="fa fa-angle-double-right"></i></button>
+              <button class="btn btn-default btn-outline" ng-click="mailboxes.showPrevPage()" ng-disabled="mailboxes.busy || mailboxes.currentPage <= 1"><i class="fa fa-angle-double-left"></i> {{ 'main.pagination.prev' | tr }}</button>
+              <button class="btn btn-default btn-outline" ng-click="mailboxes.showNextPage()" ng-disabled="mailboxes.busy || mailboxes.perPage > mailboxes.mailboxes.length">{{ 'main.pagination.next' | tr }} <i class="fa fa-angle-double-right"></i></button>
             </div>
 
             <input class="form-control pull-right" style="width: 200px;" placeholder="Search" type="text" ng-model="mailboxes.search" ng-model-options="{ debounce: 1000 }" ng-change="mailboxes.updateFilter()" />
@@ -404,8 +404,8 @@
           <h3 style="margin-bottom: 15px;">Mailing Lists
             <button class="btn btn-primary btn-outline pull-right" ng-click="mailinglists.add.show()" ng-disabled="!domain.mailConfig.enabled" tooltip-enable="!domain.mailConfig.enabled" uib-tooltip="Email is disabled for this domain"><i class="fa fa-list"></i> Add</button>
             <div class="pull-right">
-              <button class="btn btn-default btn-outline" ng-click="mailinglists.showPrevPage()" ng-disabled="mailinglists.busy || mailinglists.currentPage <= 1"><i class="fa fa-angle-double-left"></i> prev</button>
-              <button class="btn btn-default btn-outline" ng-click="mailinglists.showNextPage()" ng-disabled="mailinglists.busy || mailinglists.perPage > mailinglists.mailinglists.length">next <i class="fa fa-angle-double-right"></i></button>
+              <button class="btn btn-default btn-outline" ng-click="mailinglists.showPrevPage()" ng-disabled="mailinglists.busy || mailinglists.currentPage <= 1"><i class="fa fa-angle-double-left"></i> {{ 'main.pagination.prev' | tr }}</button>
+              <button class="btn btn-default btn-outline" ng-click="mailinglists.showNextPage()" ng-disabled="mailinglists.busy || mailinglists.perPage > mailinglists.mailinglists.length">{{ 'main.pagination.next' | tr }} <i class="fa fa-angle-double-right"></i></button>
             </div>
 
             <input class="form-control pull-right" style="width: 200px;" placeholder="Search" type="text" ng-model="mailinglists.search" ng-model-options="{ debounce: 1000 }" ng-change="mailinglists.updateFilter()" />
diff --git a/src/views/emails.html b/src/views/emails.html
index 1e6f968b6..2a3c6def9 100644
--- a/src/views/emails.html
+++ b/src/views/emails.html
@@ -3,22 +3,20 @@
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
-        <h4 class="modal-title">Change Email Server Location</h4>
+        <h4 class="modal-title">{{ 'emails.changeDomainDialog.title' | tr }}</h4>
       </div>
       <div class="modal-body">
-        <div>Cloudron will make the necessary DNS changes across all the domains and restart the mail server.
-          Desktop &amp; Mobile email clients have to be re-configured to use this new location as the IMAP and SMTP server.
-        </div>
+        <div ng-bind-html=" 'emails.changeDomainDialog.description' | tr "></div>
         <br>
 
         <form name="mailLocationForm" role="form" novalidate ng-submit="mailLocation.submit()" autocomplete="off">
           <div class="form-group" ng-class="{ 'has-error': (mailLocationForm.subdomain.$dirty && mailLocationForm.subdomain.$invalid) || (!mailLocationForm.subdomain.$dirty && mailLocation.error)}">
-            <label class="control-label">Location</label>
+            <label class="control-label">{{ 'emails.changeDomainDialog.location' | tr }}</label>
 
             <div class="has-error" ng-show="mailLocation.error">{{ mailLocation.error.message }}</div>
 
             <div class="input-group form-inline">
-              <input type="text" class="form-control" ng-model="mailLocation.subdomain" id="mailLocationLocationInput" name="location" placeholder="{{ 'Leave empty to use bare domain' }}" autofocus>
+              <input type="text" class="form-control" ng-model="mailLocation.subdomain" id="mailLocationLocationInput" name="location" placeholder="{{ 'emails.changeDomainDialog.locationPlaceholder' | tr }}" autofocus>
 
               <div class="input-group-btn">
                 <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
@@ -34,23 +32,15 @@
             </div>
           </div>
 
-          <p class="small text-center text-warning" ng-show="mailLocation.domain.provider === 'linode'">
-            <b>Linode DNS average <a target="_blank" ng-href="https://docs.cloudron.io/domains/#linode-dns">propagation time</a> is 30 minutes.
-              Changing the location will take a while.</b>
-            <br>
-          </p>
-
-          <p class="text-center" ng-show="mailLocation.domain.provider === 'manual'">
-            <b>Add an A record manually for {{ (!mailLocation.subdomain ? '' : '.') + mailLocation.domain.domain }} to this Cloudron's public IP</b>
-            <br>
-          </p>
+          <p class="text-center text-warning text-bold" ng-show="mailLocation.domain.provider === 'linode'" ng-bind-html=" 'emails.changeDomainDialog.linodeInfo' | tr:translationLinks "></p>
+          <p class="text-center text-warning text-bold" ng-show="mailLocation.domain.provider === 'manual'" ng-bind-html=" 'emails.changeDomainDialog.manualInfo' | tr:mailLocation "></p>
 
           <input class="ng-hide" type="submit" ng-disabled="mailLocationForm.$invalid"/>
         </form>
       </div>
       <div class="modal-footer">
-        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
-        <button type="button" class="btn btn-success" ng-click="mailLocation.submit()" ng-disabled="mailLocationForm.$invalid || mailLocation.busy"><i class="fa fa-circle-notch fa-spin" ng-show="mailLocation.busy"></i> Change</button>
+        <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'main.dialog.cancel' | tr }}</button>
+        <button type="button" class="btn btn-success" ng-click="mailLocation.submit()" ng-disabled="mailLocationForm.$invalid || mailLocation.busy"><i class="fa fa-circle-notch fa-spin" ng-show="mailLocation.busy"></i> {{ 'main.dialog.save' | tr }}</button>
       </div>
     </div>
   </div>
@@ -61,22 +51,22 @@
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
-        <h4 class="modal-title">Change Maximum Email Size</h4>
+        <h4 class="modal-title">{{ 'emails.changeMailSizeDialog.title' | tr }}</h4>
       </div>
       <div class="modal-body">
-        <div>Changing the maximum email message size requires a restart of the mail server.</div>
+        <div ng-bind-html=" 'emails.changeMailSizeDialog.description' | tr "></div>
         <br>
         <form name="maxEmailSizeChangeForm" role="form" novalidate ng-submit="maxEmailSize.submit()" autocomplete="off">
           <div class="form-group">
-            <label class="control-label">Maximum size in megabytes : <b>{{ maxEmailSize.size | prettyDiskSize }}</b></label>
+            <label class="control-label">{{ 'emails.changeMailSizeDialog.size' | tr }} <b>{{ maxEmailSize.size | prettyDiskSize }}</b></label>
             <slider ng-model="maxEmailSize.size" tooltip="hide" min="1048576" max="1073741824" step="1048576"></slider>
           </div>
           <input class="ng-hide" type="submit"/>
         </form>
       </div>
       <div class="modal-footer">
-        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
-        <button type="button" class="btn btn-success" ng-click="maxEmailSize.submit()" ng-disabled="maxEmailSize.size === maxEmailSize.currentSize"><i class="fa fa-circle-notch fa-spin" ng-show="maxEmailSize.busy"></i> Change</button>
+        <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'main.dialog.cancel' | tr }}</button>
+        <button type="button" class="btn btn-success" ng-click="maxEmailSize.submit()" ng-disabled="maxEmailSize.size === maxEmailSize.currentSize"><i class="fa fa-circle-notch fa-spin" ng-show="maxEmailSize.busy"></i> {{ 'main.dialog.save' | tr }}</button>
       </div>
     </div>
   </div>
@@ -87,27 +77,27 @@
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
-        <h4 class="modal-title">Spam Filtering</h4>
+        <h4 class="modal-title">{{ 'emails.spamFilterDialog.title' | tr }}</h4>
       </div>
       <div class="modal-body">
         <form name="spamConfigChangeForm" role="form" novalidate ng-submit="spamConfig.submit()" autocomplete="off">
           <div class="form-group">
-            <label class="control-label">Blacklisted addresses</label>
-            <p class="small">Matched addresses will end up in the user's Spam folder. '*' and '?' glob patterns are supported.</p>
+            <label class="control-label">{{ 'emails.spamFilterDialog.blacklisteAddresses' | tr }}</label>
+            <p class="small">{{ 'emails.spamFilterDialog.blacklisteAddressesInfo' | tr }}</p>
             <div class="has-error" ng-show="spamConfig.error.blacklist">{{ spamConfig.error.blacklist }}</div>
-            <textarea ng-model="spamConfig.blacklist" placeholder="Line separated email address patterns" name="blacklist" class="form-control" ng-class="{ 'has-error': !spamConfigChangeForm.blacklist.$dirty && spamConfig.error.blacklist }" rows="4"></textarea>
+            <textarea ng-model="spamConfig.blacklist" placeholder="{{ 'emails.spamFilterDialog.blacklisteAddressesPlaceholder' | tr }}" name="blacklist" class="form-control" ng-class="{ 'has-error': !spamConfigChangeForm.blacklist.$dirty && spamConfig.error.blacklist }" rows="4"></textarea>
           </div>
           <div class="form-group">
-            <label class="control-label">Custom Spamassassin Rules <sup><a ng-href="https://docs.cloudron.io/email/#custom-spam-filtering-rules" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
+            <label class="control-label">{{ 'emails.spamFilterDialog.customRules' | tr }} <sup><a ng-href="https://docs.cloudron.io/email/#custom-spam-filtering-rules" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
             <div class="has-error" ng-show="spamConfig.error.config">{{ spamConfig.error.config }}</div>
-            <textarea ng-model="spamConfig.config" placeholder="Custom Spamassassin Rules" class="form-control"  name="config" ng-class="{ 'has-error': !spamConfigChangeForm.config.$dirty && spamConfig.error.config }" rows="4"></textarea>
+            <textarea ng-model="spamConfig.config" placeholder="{{ 'emails.spamFilterDialog.customRulesPlaceholder' | tr }}" class="form-control"  name="config" ng-class="{ 'has-error': !spamConfigChangeForm.config.$dirty && spamConfig.error.config }" rows="4"></textarea>
           </div>
           <input class="ng-hide" type="submit"/>
         </form>
       </div>
       <div class="modal-footer">
-        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
-        <button type="button" class="btn btn-success" ng-click="spamConfig.submit()"><i class="fa fa-circle-notch fa-spin" ng-show="spamConfig.busy"></i> Save</button>
+        <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'main.dialog.cancel' | tr }}</button>
+        <button type="button" class="btn btn-success" ng-click="spamConfig.submit()"><i class="fa fa-circle-notch fa-spin" ng-show="spamConfig.busy"></i> {{ 'main.dialog.save' | tr }}</button>
       </div>
     </div>
   </div>
@@ -118,18 +108,17 @@
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
-        <h4 class="modal-title">Send test email for <b>{{ testEmail.domain.domain }}</b></h4>
+        <h4 class="modal-title">{{ 'emails.testMailDialog.title' | tr:testEmail.domain }}</h4>
       </div>
       <div class="modal-body">
         <form name="testEmailForm" role="form" novalidate ng-submit="testEmail.submit()" autocomplete="off">
           <fieldset>
             <p class="has-error text-center" ng-show="testEmail.error">{{ testEmail.error.generic }}</p>
-
-            <p>This will send a test email from <b>no-reply@{{testEmail.domain.domain}}</b> to the address below.</p>
+            <p ng-bind-html=" 'emails.testMailDialog.description' | tr:testEmail.domain "></p>
             <br/>
             <div class="form-group" ng-class="{ 'has-error': testEmail.error.key }">
-              <label class="control-label" for="inputTestEmailKey">Email to</label>
-              <input type="text" class="form-control" ng-model="testEmail.mailTo" id="inputTestMailTo" name="mailTo" ng-disabled="testEmail.busy" placeholder="Email address" autofocus>
+              <label class="control-label" for="inputTestEmailKey">{{ 'emails.testMailDialog.mailTo' | tr }}</label>
+              <input type="text" class="form-control" ng-model="testEmail.mailTo" id="inputTestMailTo" name="mailTo" ng-disabled="testEmail.busy" placeholder="{{ 'emails.testMailDialog.mailToPlaceholder' | tr }}" autofocus>
             </div>
 
             <input class="ng-hide" type="submit" ng-disabled="testEmailForm.$invalid"/>
@@ -137,10 +126,8 @@
         </form>
       </div>
       <div class="modal-footer ">
-        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
-        <button type="submit" class="btn btn-outline btn-success pull-right" ng-click="testEmail.submit()" ng-disabled="testEmail.$invalid || testEmail.busy">
-          <i class="fa fa-circle-notch fa-spin" ng-show="testEmail.busy"></i><span>Send</span>
-        </button>
+        <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'main.dialog.cancel' | tr }}</button>
+        <button type="submit" class="btn btn-outline btn-success pull-right" ng-click="testEmail.submit()" ng-disabled="testEmail.$invalid || testEmail.busy"><i class="fa fa-circle-notch fa-spin" ng-show="testEmail.busy"></i> {{ 'emails.testMailDialog.sendAction' | tr }}</button>
       </div>
     </div>
   </div>
@@ -148,13 +135,11 @@
 
 <div class="content">
   <div class="text-left">
-    <h1>
-      Mail Server
-    </h1>
+    <h1>{{ 'emails.title' | tr }}</h1>
   </div>
 
   <div class="text-left">
-    <h3>Domains</h3>
+    <h3>{{ 'emails.domains.title' | tr }}</h3>
   </div>
 
   <div class="card card-large" style="margin-bottom: 15px;">
@@ -169,8 +154,8 @@
           <thead>
             <tr>
               <th style="width:  5%"></th>
-              <th style="width: 30%">Domain</th>
-              <th style="width: 60%">Config</th>
+              <th style="width: 30%">{{ 'emails.domains.domain' | tr }}</th>
+              <th style="width: 60%">{{ 'emails.domains.config' | tr }}</th>
               <th style="width: 10%">{{ 'main.actions' | tr }}</th>
             </tr>
           </thead>
@@ -185,15 +170,13 @@
               </td>
               <td class="elide-table-cell no-padding">
                 <a href="/#/email/{{ domain.domain }}" class="email-domain-list-item">
-                  <span ng-show="domain.inbound && domain.outbound">
-                    {{ domain.mailboxCount }} Mailbox(es) / Usage: {{ domain.usage | prettyByteSize }}
-                  </span>
-                  <span ng-show="!domain.inbound && domain.outbound">Outbound only</span>
-                  <span ng-show="!domain.inbound && !domain.outbound">Disabled</span>
+                  <span ng-show="domain.inbound && domain.outbound">{{ 'emails.domains.stats' | tr:domain }}</span>
+                  <span ng-show="!domain.inbound && domain.outbound">{{ 'emails.domains.outbound' | tr }}</span>
+                  <span ng-show="!domain.inbound && !domain.outbound">{{ 'emails.domains.disabled' | tr }}</span>
                 </a>
               </td>
               <td class="text-right no-wrap">
-                <button class="btn btn-xs btn-default" ng-click="testEmail.show(domain)" uib-tooltip="Send Test Email"><i class="fa fa-paper-plane"></i></button>
+                <button class="btn btn-xs btn-default" ng-click="testEmail.show(domain)" uib-tooltip="{{ 'emails.domains.testEmailTooltip' | tr }}"><i class="fa fa-paper-plane"></i></button>
                 <a href="/#/email/{{ domain.domain }}" class="btn btn-xs btn-default"><i class="fa fa-pencil-alt"></i></a>
               </td>
             </tr>
@@ -206,15 +189,15 @@
   <br/>
 
   <div class="text-left" ng-show="user.role === 'owner'">
-    <h3>Settings</h3>
+    <h3>{{ 'emails.settings.title' | tr }}</h3>
   </div>
 
   <div class="card card-large" style="margin-bottom: 15px;">
-    <p>These settings are global and apply to all domains.</p>
+    <p ng-bind-html=" 'emails.settings.info' | tr "></p>
 
     <div class="row">
       <div class="col-xs-6">
-        <span class="text-muted">Mail server location</span>
+        <span class="text-muted">{{ 'emails.settings.location' | tr }}</span>
       </div>
       <div class="col-xs-6 text-right">
         <span>{{ mailLocation.currentLocation.subdomain + (!mailLocation.currentLocation.subdomain ? '' : '.') + mailLocation.currentLocation.domain.domain }}
@@ -222,22 +205,22 @@
         </span>
       </div>
       <div class="col-xs-6">
-        <span class="text-muted">Maximum email size</span>
+        <span class="text-muted">{{ 'emails.settings.maxMailSize' | tr }}</span>
       </div>
       <div class="col-xs-6 text-right">
         <span>{{ maxEmailSize.currentSize | prettyDiskSize }} <a href="" ng-click="maxEmailSize.show()"><i class="fa fa-edit text-small"></i></a></span>
       </div>
       <div class="col-xs-6">
-        <span class="text-muted">Spam filtering</span>
+        <span class="text-muted">{{ 'emails.settings.spamFilter' | tr }}</span>
       </div>
       <div class="col-xs-6 text-right">
-        <span>{{ spamConfig.acl.blacklist.length }} address(es) blacklisted {{ spamConfig.customConfig ? '. Custom rules set.' : '.' }} <a href="" ng-click="spamConfig.show()"><i class="fa fa-edit text-small"></i></a></span>
+        <span>{{ 'emails.settings.spamFilterOverview' | tr:spamConfig }} <a href="" ng-click="spamConfig.show()"><i class="fa fa-edit text-small"></i></a></span>
       </div>
     </div>
 
     <div class="row" ng-show="mailLocation.busy">
       <div class="col-md-12" style="margin-top: 10px;">
-        Changing Email domain:
+        {{ 'emails.settings.changeDomainProgress' | tr }}
         <div class="progress progress-striped active animateMe">
           <div class="progress-bar progress-bar-success" role="progressbar" style="width: {{ mailLocation.percent }}%"></div>
         </div>
@@ -249,19 +232,19 @@
   <br/>
 
   <div class="text-left" ng-show="user.role === 'owner'">
-    <h3>Event Log</h3>
+    <h3>{{ 'emails.eventlog.title' | tr }}</h3>
   </div>
 
   <div class="row" ng-show="user.role === 'owner'">
     <div class="col-md-12">
       <div class="maillog-filter">
-        <input class="form-control" style="width: 200px;" placeholder="Search" type="text" ng-model="activity.search" ng-model-options="{ debounce: 1000 }" ng-change="activity.updateFilter()" />
+        <input class="form-control" style="width: 200px;" placeholder="{{ 'emails.eventlog.searchPlaceholder' | tr }}" type="text" ng-model="activity.search" ng-model-options="{ debounce: 1000 }" ng-change="activity.updateFilter()" />
         <multiselect ng-model="activity.selectedTypes" ms-header="All Events" options="a.name for a in activityTypes" data-multiple="true"  ng-change="activity.updateFilter(true)" filter-after-rows="5" scroll-after-rows="10"></multiselect>
         <select class="form-control" ng-model="activity.pageItems" ng-options="a.name for a in pageItemCount" ng-change="activity.updateFilter(true)"></select>
       </div>
       <div class="pull-right">
-        <button class="btn btn-default btn-outline" ng-click="activity.showPrevPage()" ng-disabled="activity.busy || activity.currentPage <= 1"><i class="fa fa-angle-double-left"></i> prev</button>
-        <button class="btn btn-default btn-outline" ng-click="activity.showNextPage()" ng-disabled="activity.busy || activity.perPage > activity.eventLogs.length">next <i class="fa fa-angle-double-right"></i></button>
+        <button class="btn btn-default btn-outline" ng-click="activity.showPrevPage()" ng-disabled="activity.busy || activity.currentPage <= 1"><i class="fa fa-angle-double-left"></i> {{ 'main.pagination.prev' | tr }}</button>
+        <button class="btn btn-default btn-outline" ng-click="activity.showNextPage()" ng-disabled="activity.busy || activity.perPage > activity.eventLogs.length">{{ 'main.pagination.next' | tr }} <i class="fa fa-angle-double-right"></i></button>
       </div>
     </div>
   </div>
@@ -278,8 +261,8 @@
           <thead>
             <tr>
               <th style="width:  5%"><!-- Icon --></th>
-              <th style="width: 20%">Time</th>
-              <th style="width: 75%">Details</th>
+              <th style="width: 20%">{{ 'emails.eventlog.time' | tr }}</th>
+              <th style="width: 75%">{{ 'emails.eventlog.details' | tr }}</th>
             </tr>
           </thead>
           <tbody ng-show="activity.busy">
@@ -294,7 +277,7 @@
               <td colspan="4" class="text-center">
                 <br>
                 <br>
-                Event Log is empty.
+                {{ 'emails.eventlog.empty' | tr }}
                 <br>
                 <br>
               </td>
@@ -303,30 +286,26 @@
           <tbody ng-repeat="eventlog in activity.eventLogs" ng-hide="activity.busy">
             <tr ng-click="activity.showEventLogDetails(eventlog)" class="hand">
               <td class="no-wrap">
-                <i class="fas fa-arrow-circle-left" ng-show="eventlog.type === 'delivered'" uib-tooltip="Outgoing"></i>
-                <i class="fas fa-history" ng-show="eventlog.type === 'deferred'" uib-tooltip="Deferred"></i>
-                <i class="fas fa-arrow-circle-right" ng-show="eventlog.type === 'received'" uib-tooltip="Incoming"></i>
-                <i class="fas fa-align-justify" ng-show="eventlog.type === 'queued'" uib-tooltip="Queued"></i>
-                <i class="fas fa-minus-circle" ng-show="eventlog.type === 'denied'" uib-tooltip="Denied"></i>
-                <i class="fas fa-hand-paper" ng-show="eventlog.type === 'bounce'" uib-tooltip="Bounce"></i>
-                <i class="fas fa-filter" ng-show="eventlog.type === 'spam-learn'" uib-tooltip="Spam filter trained"></i>              </td>
+                <i class="fas fa-arrow-circle-left" ng-show="eventlog.type === 'delivered'" uib-tooltip="{{ 'emails.eventlog.type.outgoing' | tr }}"></i>
+                <i class="fas fa-history" ng-show="eventlog.type === 'deferred'" uib-tooltip="{{ 'emails.eventlog.type.deferred' | tr }}"></i>
+                <i class="fas fa-arrow-circle-right" ng-show="eventlog.type === 'received'" uib-tooltip="{{ 'emails.eventlog.type.incoming' | tr }}"></i>
+                <i class="fas fa-align-justify" ng-show="eventlog.type === 'queued'" uib-tooltip="{{ 'emails.eventlog.type.queued' | tr }}"></i>
+                <i class="fas fa-minus-circle" ng-show="eventlog.type === 'denied'" uib-tooltip="{{ 'emails.eventlog.type.denied' | tr }}"></i>
+                <i class="fas fa-hand-paper" ng-show="eventlog.type === 'bounce'" uib-tooltip="{{ 'emails.eventlog.type.bounce' | tr }}"></i>
+                <i class="fas fa-filter" ng-show="eventlog.type === 'spam-learn'" uib-tooltip="{{ 'emails.eventlog.type.spamFilterTrained' | tr }}"></i>
+              </td>
               <td class="no-wrap"><span uib-tooltip="{{ eventlog.ts | prettyLongDate }}" class="arrow">{{ eventlog.ts | prettyDate }}</span></td>
               <td>
-                <span ng-show="eventlog.type === 'bounce'">Sent bounce to {{ eventlog.mailFrom | prettyEmailAddresses }} for mail sent to {{ eventlog.rcptTo | prettyEmailAddresses }}. {{ eventlog.details.message || eventlog.details.reason }}</span>
-                <span ng-show="eventlog.type === 'deferred'">Failed to deliver mail to {{ eventlog.rcptTo | prettyEmailAddresses }}. {{ eventlog.details.message || eventlog.details.reason }}. Will retry in {{ eventlog.details.delay }}s.</span>
+                <span ng-show="eventlog.type === 'bounce'">{{ 'emails.eventlog.type.bounceInfo' | tr:eventlog }}</span>
+                <span ng-show="eventlog.type === 'deferred'">{{ 'emails.eventlog.type.deferredInfo' | tr:eventlog }}</span>
                 <span ng-show="eventlog.type === 'queued'">
-                  <span ng-show="eventlog.direction === 'inbound'">
-                    Incoming mail from {{ eventlog.mailFrom | prettyEmailAddresses }} to {{ eventlog.rcptTo | prettyEmailAddresses }}. Spam: {{ eventlog.details.spamStatus.indexOf('Yes,') === 0 ? 'Yes' : 'No' }}
-                  </span>
-                  <span ng-show="eventlog.direction === 'outbound'">
-                    Queued mail for delivery to {{ eventlog.rcptTo | prettyEmailAddresses }} from {{ eventlog.mailFrom | prettyEmailAddresses }}
-                  </span>
+                  <span ng-show="eventlog.direction === 'inbound'">{{ 'emails.eventlog.type.inboundInfo' | tr:eventlog }}</span>
+                  <span ng-show="eventlog.direction === 'outbound'">{{ 'emails.eventlog.type.outboundInfo' | tr:eventlog }}</span>
                 </span>
-                <span ng-show="eventlog.type === 'received'">Saved mail from {{ eventlog.mailFrom | prettyEmailAddresses }} in mailbox {{ eventlog.rcptTo | prettyEmailAddresses }}</span>
-                <span ng-show="eventlog.type === 'delivered'">Delivered mail to {{ eventlog.rcptTo | prettyEmailAddresses }} from {{ eventlog.mailFrom | prettyEmailAddresses }}</span>
-
-                <span ng-show="eventlog.type === 'denied'">Connection from {{ eventlog.remote.ip }} denied. {{ eventlog.details.message || eventlog.details.reason }}</span>
-                <span ng-show="eventlog.type === 'spam-learn'">Spam filter trained using mailbox content</span>
+                <span ng-show="eventlog.type === 'received'">{{ 'emails.eventlog.type.receivedInfo' | tr:eventlog }}</span>
+                <span ng-show="eventlog.type === 'delivered'">{{ 'emails.eventlog.type.deliveredInfo' | tr:eventlog }}</span>
+                <span ng-show="eventlog.type === 'denied'">{{ 'emails.eventlog.type.deniedInfo' | tr:eventlog }}</span>
+                <span ng-show="eventlog.type === 'spam-learn'">{{ 'emails.eventlog.type.spamFilterTrainedInfo' | tr:eventlog }}</span>
               </td>
             </tr>
             <tr ng-show="activity.activeEventLog === eventlog">
@@ -339,7 +318,7 @@
 
         <br/>
 
-        <a class="btn btn-primary pull-right" href="/logs.html?id=mail" target="_blank">Show Raw Logs</a>
+        <a class="btn btn-primary pull-right" href="/logs.html?id=mail" target="_blank">{{ 'emails.eventlog.showRawLogsAction' | tr }}</a>
       </div>
     </div>
   </div>
diff --git a/src/views/emails.js b/src/views/emails.js
index a5f42cfaf..6138af2ec 100644
--- a/src/views/emails.js
+++ b/src/views/emails.js
@@ -10,6 +10,10 @@ angular.module('Application').controller('EmailsController', ['$scope', '$locati
     $scope.user = Client.getUserInfo();
     $scope.domains = [];
 
+    $scope.translationLinks = {
+        linodeDocsLink: 'https://docs.cloudron.io/domains/#linode-dns'
+    };
+
     $scope.pageItemCount = [
         { name: 'Show 20 per page', value: 20 },
         { name: 'Show 50 per page', value: 50 },
diff --git a/src/views/users.html b/src/views/users.html
index c6d92d515..e8e3e0a31 100644
--- a/src/views/users.html
+++ b/src/views/users.html
@@ -415,8 +415,8 @@
         <select class="form-control" ng-model="pageItems" ng-options="a.name for a in pageItemCount" ng-change="updateFilter(true)"></select>
       </div>
       <div class="pagination pull-right">
-        <button class="btn btn-default btn-outline" ng-click="showPrevPage()" ng-disabled="userRefreshBusy || currentPage <= 1"><i class="fa fa-angle-double-left"></i> prev</button>
-        <button class="btn btn-default btn-outline" ng-click="showNextPage()" ng-disabled="userRefreshBusy || users.length < pageItems.value">next <i class="fa fa-angle-double-right"></i></button>
+        <button class="btn btn-default btn-outline" ng-click="showPrevPage()" ng-disabled="userRefreshBusy || currentPage <= 1"><i class="fa fa-angle-double-left"></i> {{ 'main.pagination.prev' | tr }}</button>
+        <button class="btn btn-default btn-outline" ng-click="showNextPage()" ng-disabled="userRefreshBusy || users.length < pageItems.value">{{ 'main.pagination.next' | tr }} <i class="fa fa-angle-double-right"></i></button>
       </div>
     </div>
   </div>