adding print styles for the print functionality

diff --git a/css/front.css b/css/front.css
index 5e05914..735cdab 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -211,6 +211,7 @@ table.footable{
     float: right;
     margin-right: 20px;
     margin-top: 15px;
+    background: #3B76C4;
 }
 .pagination-nav{
     margin: 20px 0;
@@ -236,6 +237,7 @@ table.footable{
         margin-top: 30px;
     }
 }
+// RESULTS TABLE STYLES
 .footable > thead > tr > th, .footable > thead > tr > td{
     background-color: #3B76C4;
     border: 1px solid #3B76C4;
@@ -260,4 +262,26 @@ table tr.odd, table tr.alt, table tr:nth-of-type(n){
 }
 .footable > tbody > tr > td.footable-row-detail-cell, .footable > tbody > tr > td.footable-first-column a:hover{
     color: #A62800;
-}
\ No newline at end of file
+}
+.detail-print-results-container{
+    width: 116px;
+    background: #3B76C4;
+    margin: 0 auto 10px auto;
+}
+.detail-print-results-link, .print-results-link{
+    color: white;
+    padding: 10px;
+    display: block;
+}
+.detail-print-results-link:hover, .print-results-link:hover{
+    color: white;
+    padding: 10px;
+    display: block;
+    text-decoration: none;
+}
+.detail-print-results-link:focus, .print-results-link:focus{
+    color: white;
+    padding: 10px;
+    display: block;
+    text-decoration: none;
+}

diff --git a/js/front.js b/js/front.js
index 53d0c98..e330ca8 100644 (file)
--- a/js/front.js
+++ b/js/front.js
@@ -67,8 +67,8 @@ $(document).ready(function(){
 //        $('#obits-search').submit(); 
     });
     
-    $('.print-results-link').on("click", function(e){
-        
+    $('.print-results-link, .detail-print-results-link').on("click", function(e){
+        window.print();
         e.preventDefault();
     });
     

diff --git a/views/front/obits/detail.html b/views/front/obits/detail.html
index 4f630fa..8c25b9c 100644 (file)
--- a/views/front/obits/detail.html
+++ b/views/front/obits/detail.html
@@ -1,5 +1,9 @@
 <div class="row">
-   <div class="detail-wrapper small-12 large-5 small-centered columns">
+    <div class="detail-print-results-container">
+        <a class="detail-print-results-link" href="#">Print Results</a>
+    </div>
+    <div class="detail-wrapper small-12 large-5 small-centered columns">
+       
         <div class="detail-header small-12 columns small-centered">{$obit.last_name}, {$obit.first_mid}</div>
         
         <div class="row record-row">

diff --git a/views/front/obits/searchResults.html b/views/front/obits/searchResults.html
index 297c152..bada8a4 100644 (file)
--- a/views/front/obits/searchResults.html
+++ b/views/front/obits/searchResults.html
@@ -236,7 +236,7 @@
                 </div>
        
                 <div class="small-12 medium-6 columns results-page search-limit-container">
-                     <div class="print-results-container">
+                    <div class="print-results-container">
                         <a class="print-results-link" href="#">Print Results</a>
                     </div>
                     <div class="results-limit-container">