Style select element properly; Add titles to report

eHealthAfrica · Mar 7, 2017 · 43ec7f1 · 43ec7f1
1 parent f0ee0b3
commit 43ec7f1
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/app/locales/en/translations.js b/app/locales/en/translations.js
@@ -1105,7 +1105,9 @@ export default {
   },
   reports: {
     titles: {
-      saved: 'The report has been saved'
+      saved: 'Report saved',
+      opdTitle: 'OPD Report',
+      dischargeReport: 'Discharge Report'
     },
     form: {
       visitDate: 'Date of Visit',

diff --git a/app/reports/edit/template.hbs b/app/reports/edit/template.hbs
@@ -14,6 +14,11 @@
   {{#if headerLine3}}
     <span>{{headerLine3}}</span><br>
   {{/if}}
+  {{#if isOutPatient}}
+    <h3>{{t 'reports.titles.opdTitle' }}</h3>
+  {{else}}
+    <h3>{{t 'reports.titles.dischargeReport' }}</h3>
+  {{/if}}
 </div>
 <div class="report">
   {{#edit-panel editPanelProps=editPanelProps}}

diff --git a/app/styles/_print.scss b/app/styles/_print.scss
@@ -50,6 +50,14 @@
     font-size: .8em;
   }
 
+  .report select {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    outline: 0;
+    border: 0;
+    text-overflow: '';
+  }
+
   .report .panel-primary {
     position: absolute;
     left: 0;