Pagination button tweaks

app/components/nav-paging.js

@@ -1,6 +1,6 @@
 import Ember from 'ember';
 import PagingActions from 'hospitalrun/mixins/paging-actions';
 export default Ember.Component.extend(PagingActions, {
-  classNames: ['btn-group', 'pull-right'],
+  classNames: ['paging-buttons'],
   paginationProps: null
 });

app/styles/_layout.scss

@@ -5,6 +5,19 @@
 
 .view-current-title { @include view_main_heading; }
 
+// panel styles
+
+.panel-primary {
+  position: relative;
+  border: 0;
+  background-color: $white;
+  color: $navy_mid2;
+
+  input,
+  textarea,
+  select { background: rgba($blue_light,.2); }
+}
+
 // ? unsure what below are for...
 
 .detail-section-content {

app/styles/_temp_misc.scss

@@ -60,16 +60,6 @@
   label { font-weight: 300; }
 }
 
-.panel-primary {
-  border: 0;
-  background-color: $white;
-  color: $navy_mid2;
-
-  input,
-  textarea,
-  select { background: rgba($blue_light,.2); }
-}
-
 .modal-dialog { color: $navy; }
 
 .not-editable {

app/styles/app.scss

@@ -16,6 +16,7 @@
 @import 'components/form_styles';
 @import 'components/tab_nav';
 @import 'components/tab_content';
+@import 'components/pagination';
 @import 'components/patient_summary';
 @import 'components/patient_history';
 @import 'components/imaging';

app/styles/components/_pagination.scss

@@ -0,0 +1,9 @@
+// styles for pagination
+//
+// visible on patient listing and any other
+// view with pagination
+.paging-buttons {
+  position: absolute;
+  top: 3px;
+  right: 3px;
+}