CRM-15578 - crmMailing2 - Basic styling for "Submit Mailing" in wizard-style layouts

diff --git a/css/angular-crmMailing2.css b/css/angular-crmMailing2.css
index 6d5d98ee9e30cdfbee8932c101433604638a45d6..98155449d6c47558fe68268b39f4b6e4f6c1bed7 100644 (file)
--- a/css/angular-crmMailing2.css
+++ b/css/angular-crmMailing2.css
@@ -63,3 +63,18 @@ input[name=preview_test_email]:-ms-input-placeholder {
 .crmMailing2-inactive {
   text-decoration: line-through;
 }
+a.crmMailing2-submit-button div {
+  color: black;
+  background: #bfb;
+  border: 1px solid #8a8;
+  padding: 1em;
+  margin: 1em;
+  width: 15em;
+}
+a.crmMailing2-submit-button div:hover {
+  background: #afa;
+  border: 1px solid #7a7;
+}
+a.crmMailing2-submit-button:hover {
+  text-decoration: none;
+}

diff --git a/partials/crmMailing2/edit-wizard.html b/partials/crmMailing2/edit-wizard.html
index 720292e2f41b70909fe79a37946e85319e22f7bf..d0d438412dbd184ae02467fc5e9b100daec7f506 100644 (file)
--- a/partials/crmMailing2/edit-wizard.html
+++ b/partials/crmMailing2/edit-wizard.html
@@ -45,8 +45,10 @@
       <div crm-ui-wizard-step crm-title="ts('Review')">
         <div crm-ui-accordion crm-title="ts('Review')">
           <div ng-include="partialUrl('review.html')" />
-          <button ng-click="submit().then(leave)">{{ts('Submit Mailing')}}</button>
         </div>
+        <center>
+          <a class="crmMailing2-submit-button" ng-click="submit().then(leave)"><div>{{ts('Submit Mailing')}}</div></a>
+        </center>
       </div>
 
       <span crm-ui-wizard-buttons style="float:right;">
@@ -55,4 +57,4 @@
       </span>
     </div>
   </div>
-</form>
\ No newline at end of file
+</form>

diff --git a/partials/crmMailing2/edit.html b/partials/crmMailing2/edit.html
index 1fef91ea483ffecf97036553a614a476f9244e34..9384096464c705c7c97e34b33bd217bd82e6a0c5 100644 (file)
--- a/partials/crmMailing2/edit.html
+++ b/partials/crmMailing2/edit.html
@@ -45,8 +45,10 @@
         </div>
         <div crm-ui-accordion crm-title="ts('Schedule')">
           <div ng-include="partialUrl('schedule.html')" />
-          <button ng-click="submit().then(leave)">{{ts('Schedule')}}</button>
         </div>
+        <center>
+          <a class="crmMailing2-submit-button" ng-click="submit().then(leave)"><div>{{ts('Submit Mailing')}}</div></a>
+        </center>
       </div>
 
       <span crm-ui-wizard-buttons style="float:right;">