2 files changed, 16 insertions, 13 deletions
diff --git a/uploader/templates/species/macro-display-species-card.html b/uploader/templates/species/macro-display-species-card.html
new file mode 100644
index 0000000..857c0f0
--- /dev/null
+++ b/uploader/templates/species/macro-display-species-card.html
@@ -0,0 +1,16 @@
+{%macro display_species_card(species)%}
+<div class="card">
+  <div class="card-body">
+    <h5 class="card-title">Species</h5>
+    <div class="card-text">
+      <dl>
+        <dt>Common Name</dt>
+        <dd>{{species.SpeciesName}}</dd>
+
+        <dt>Scientific Name</dt>
+        <dd>{{species.FullName}}</dd>
+      </dl>
+    </div>
+  </div>
+</div>
+{%endmacro%}
diff --git a/uploader/templates/species/view-species.html b/uploader/templates/species/view-species.html
index bf5f0c1..6942168 100644
--- a/uploader/templates/species/view-species.html
+++ b/uploader/templates/species/view-species.html
@@ -5,19 +5,6 @@
 
 {%block pagetitle%}View Species{%endblock%}
 
-{%block css%}
-<style type="text/css">
-  .card {
-      margin-top: 0.3em;
-      border-width: 1px;
-      border-style: solid;
-      border-radius: 0.3em;
-      border-color: #AAAAAA;
-      padding: 0.5em;
-  }
-</style>
-{%endblock%}
-
 {%block lvl2_breadcrumbs%}
 <li {%if activelink=="view-species"%}
     class="breadcrumb-item active"