CRM-15705 - Improve style of preview links

diff --git a/css/civicrm.css b/css/civicrm.css
index 321a2c83be569a6b7d224804d0cb4c3e17b3d30f..f5083e5e761bfe872f36d40abb58bbf4e79bc2e4 100644 (file)
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -3252,6 +3252,9 @@ div.m ul#civicrm-menu,
 .crm-container .crm-action-menu.action-icon-token .select2-default span.select2-chosen:before {
   background-position: -144px 0;
 }
+.crm-container .crm-action-menu.action-icon-mail-closed .select2-default span.select2-chosen:before {
+  background-position: -80px -96px;
+}
 /* Restore this property otherwise our css overrides it */
 .select2-search input {
   box-sizing: border-box;

diff --git a/partials/crmMailing/preview.html b/partials/crmMailing/preview.html
index e53921b198a0b290735930a0638cf6da4c6b52fa..133d75fb7062d5685b75b7f58cadd2ff96fd5d40 100644 (file)
--- a/partials/crmMailing/preview.html
+++ b/partials/crmMailing/preview.html
@@ -11,10 +11,10 @@ Vars: mailing:obj, testContact:obj, testGroup:obj, crmMailing:FormController
       <em>({{ts('No content to preview')}})</em>
     </div>
     <div ng-hide="!mailing.body_html">
-      <a class="crm-hover-button" crm-icon="newwin" ng-disabled="crmMailing.$invalid" ng-click="doPreview('html')">{{ts('Preview as HTML')}}</a>
+      <a class="crm-hover-button action-item" crm-icon="newwin" ng-disabled="crmMailing.$invalid" ng-click="doPreview('html')">{{ts('Preview as HTML')}}</a>
     </div>
     <div ng-hide="!mailing.body_html && !mailing.body_text">
-      <a class="crm-hover-button" crm-icon="newwin" ng-disabled="crmMailing.$invalid" ng-click="doPreview('text')">{{ts('Preview as Plain Text')}}</a>
+      <a class="crm-hover-button action-item" crm-icon="newwin" ng-disabled="crmMailing.$invalid" ng-click="doPreview('text')">{{ts('Preview as Plain Text')}}</a>
     </div>
     <!--
     <div ng-hide="!mailing.body_html && !mailing.body_text">
@@ -48,6 +48,7 @@ Vars: mailing:obj, testContact:obj, testGroup:obj, crmMailing:FormController
         ui-options="{dropdownAutoWidth : true, allowClear: true, placeholder: ts('Select Group')}"
         ng-model="testGroup.gid"
         ng-options="group.id as group.title for group in crmMailingConst.groupNames|orderBy:'title'"
+        class="crm-action-menu action-icon-mail-closed"
         >
         <option value=""></option>
       </select>