solidified estab page styles--moving on to inspection

sa-express-news · Apr 24, 2015 · e6c4ecd · e6c4ecd
1 parent eef16ea
commit e6c4ecd
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 12 deletions.
diff --git a/myproject/insps/static/insps/css/style.css b/myproject/insps/static/insps/css/style.css
@@ -1,4 +1,7 @@
-body {font-size:16px;}
+body {
+    font-size:16px;
+    font-family: 'Georgia, Times, serif';
+}
 
 .clear_floats {clear:both;}
 
@@ -22,15 +25,17 @@ body {font-size:16px;}
 #inspection_exposi {
     margin-top: 15px;
     width:60%;
-    height:150px;
+    height:auto;
     margin-left: 18%;
     float:left;
     margin-bottom: 10px;
 }
 
 .estab_page_text {
-
+    font-size: 125%;
     padding:5px;
+    font-family: 'Georgia, Times, serif';
+    height:auto;
 }
 
 #no_estabs {
@@ -41,6 +46,14 @@ body {font-size:16px;}
 
 }
 
+#hover_warning {
+    font-size: 100%;
+    font-family: 'Georgia, Times, serif';
+    height:auto;
+    font-style: italic;
+
+}
+
 /* Gradient color1 - color2 - color1 */
 
 hr.style-one {
@@ -73,12 +86,13 @@ hr.style-one {
     color:#707070;
 }
 
-#viollist {
+/*#viollist {
     width: 780;
     border: 1px solid #333;
     margin: 10px;
 
-}
+}*/
+/*estab page styles */
 
 .viol {
     font-family: Arial, Helvetica, san-serif;
@@ -87,6 +101,9 @@ hr.style-one {
     text-decoration: none;
 
 }
+ul#insp_details {
+    list-style-type: none;
 
-/*estab page styles */
+
+}
 
diff --git a/myproject/insps/templates/insps/estab.html b/myproject/insps/templates/insps/estab.html
@@ -41,28 +41,40 @@ <h2 id="estab_name_header">{{ estab.0.estab_id.name }}, {{ estab.0.estab_id.addr
                     title: {
                         text: 'Inspection Results',
                         style: {
-                            fontFamily:'Georgia, Times, serif' 
+                            fontFamily:'Georgia, Times, serif',
+                            fontSize:"140%" 
                         }
                     },
                     subtitle: {
                         text: 'San Antonio Metropolitan Health District',
                         style: {
-                            fontFamily:'Georgia, Times, serif' 
+                            fontFamily:'Georgia, Times, serif',
+                            fontSize: "130%" 
                         }
                     },
                     xAxis: {
                         categories: dates_js
                     },
                     yAxis: {
+                        labels: {
+                            align:'left',
+                            x:0,
+                            y:-2
+                        },
                         title: {
-                            text: 'Demerits'
+                            text: 'Demerits',
+                            style: {
+                                fontFamily: 'Georgia, Times, serif',
+                                fontSize: "130%",
+                                letterSpacing:'.5px'
+                            }
                         },
                         min: 0
                     },
                     tooltip: {
                         enabled: true, 
                         formatter: function() {
-                            return 'Demerits: ' + this.point.y + '<br>' + '<a href="http://localhost:8000/insps/' + this.point.inspection_key + '/">Inspection details.';
+                            return 'Demerits: ' + this.point.y + '<br>' + '<a href="http://localhost:8000/insps/' + this.point.inspection_key + '/">Click for details.';
                         }
                     },
                     series: [{
@@ -93,8 +105,10 @@ <h2 id="estab_name_header">{{ estab.0.estab_id.name }}, {{ estab.0.estab_id.addr
     {% endif %}
 
     <div id="inspection_exposi">
-    <p class="estab_page_text"> &mdash;this is a paragraph detailing the city's policy about how thye inspect restaurants. i'd write in here for example how they inspect restaurants more often when they're doing poorly and progressive less often as they get better.  i'm not sure what the threshold is.&mdash;</p>  
-    </div>
+    <p id="hover_warning">Hover over each circle and click for detailed information on violations for each inspection date.</p>
+
+    <!--<p class="estab_page_text"> &mdash;this is a paragraph detailing the city's policy about how thye inspect restaurants. i'd write in here for example how they inspect restaurants more often when they're doing poorly and progressive less often as they get better.  i'm not sure what the threshold is.&mdash;</p>  
+    </div>-->
 
 </div>
 {% endblock %}