tweaked some visuals in site

controllers/sites.js

@@ -54,7 +54,7 @@ module.exports = {
       if(err) throw err;
       Site.findAllById(uniqueSites, function(err, uniqueSiteVisits){
         if(err) throw err;
-        res.render('site-listing', { title: "UniqueSiteVisits", sites: uniqueSiteVisits });
+        res.render('site-listing', { title: "Sites Visited", sites: uniqueSiteVisits });
       });
     });
   }

public/stylesheets/main.css

@@ -46,7 +46,7 @@ a {
   display: inline;
 }
 
-h2 {
+h1, h2.visits {
   color: var(--neon-blue);
 }
 
@@ -68,6 +68,16 @@ span.num {
   color: var(--neon-purple)
 }
 
-#title, #sub-title, #footer {
+#title, #sub-title, #footer, h2.visits {
   text-align: center;
 }
+
+h1#title {
+  margin-bottom: 8px;
+}
+
+#sub-title h2, #sub-title h5 {
+  color: white;
+  margin: 0px;
+  padding: 0px;
+}

views/site-listing.pug

@@ -6,13 +6,15 @@ block content
   h2= "Sites: " + sites.length
   
   each site in sites
-    h3 #[a(href="/sites/" + site.slug) #{site.site}]
-    //- Commmand list of all the states
-    h5 
-      - var states = site.states.split(',')
-      - for (var i = 0; i < states.length; i++)
-        | #{states[i]}
-        if (i + 1 < states.length)
-          | , 
+    div(class="listing")
+      h3(class="site") #[a(class="remaining" href="/sites/" + site.slug) #{site.site}]
+      //- Commmand list of all the states
+      h5(class="state") 
+        - var states = site.states.split(',')
+        - for (var i = 0; i < states.length; i++)
+          | #{states[i]}
+          if (i + 1 < states.length)
+            | , 
+
 
   include footer.pug

views/site.pug

@@ -2,20 +2,23 @@ extends layout
 
 block content
   h1(id="title")= site.site
-  h3(id="sub-title")= "Date Inscribed: " + site.date_inscribed
-  img(src= site.img_url alt= site.site)
-  h4= "Located: " + site.latitude + " " + site.longitude
+  div(id="sub-title")
+    h2= site.date_inscribed
+    h5= site.latitude + " " + site.longitude
+    h5= site.category 
+
+  
+  //- img(src= site.img_url alt= site.site)
 
-  h5= site.category
   .content
     p #{site.description}
         
   if visits
-    h2= "Visits"
+    h2(class="visits")= "Visits"
     each visit in visits
       p #{visit.date}: #{visit.img} at the site: #{visit.site_id}
   else
-    h2= "This site has yet to be visited.  Soon... "
+    h2(class="visits")= "This site has yet to be visited.  Soon... "
   
   
   include footer.pug