From 01c062fbff73f4d3ada90c73b528d40c8783bbac Mon Sep 17 00:00:00 2001
From: Sriram Hariharan <sghsri@gmail.com>
Date: Fri, 6 Jul 2018 16:22:35 -0500
Subject: [PATCH] styling, more cards

---
 content.js |  7 +++++--
 styles.css | 21 ++++++++++++++++++---
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/content.js b/content.js
index 5da529ef..5a54cbd7 100644
--- a/content.js
+++ b/content.js
@@ -9,7 +9,8 @@ $(document).ready( function() {
 	//make heading
 	$("table thead th:nth-child(5)").after('<th scope=col>Rating</th>');
 	$("table thead th:nth-child(10)").after('<th scope=col>Dist</th>');
-	var modhtml = '<div class=modal id=myModal><div class=modal-content><span class=close>×</span><div class=card><div class=cardcontainer><h2 class=title>Computer Fluency (C S 302)</h2><h2 class=subtitle>First part of a two-part sequence in programming. Fundamental concepts of structured programming; procedures and data structures with a focus on problem solving strategies and implementation; introduction to concepts of informal specification, informal reasoning about program behavior, debugging, and ad hoc testing.Only one of the following courses may be counted: Computer Science 303E,305J, 312, 312H. Credit for Computer Science 312 may not be earned aftera student has received credit for Computer Science 314 or 314H.Prerequisite: Credit with a grade of at least C- or registration for Mathematics 408C, 408K, or 408N.</h2></div></div><div class=card><div class=cardcontainer><div id=chart></div></div></div></div>'
+	var modhtml = '<div class=modal id=myModal><div class=modal-content><span class=close>×</span><div class=card><div class=cardcontainer><h2 class=title>Computer Fluency (C S 302)</h2><h2 class=profname>with Bruce Porter</h2></div></div><div class=card><div class=cardcontainer><h2 class=subtitle>First part of a two-part sequence in programming. Fundamental concepts of structured programming; procedures and data structures with a focus on problem solving strategies and implementation; introduction to concepts of informal specification, informal reasoning about program behavior, debugging, and ad hoc testing.Only one of the following courses may be counted: Computer Science 303E,305J, 312, 312H. Credit for Computer Science 312 may not be earned aftera student has received credit for Computer Science 314 or 314H.Prerequisite: Credit with a grade of at least C- or registration for Mathematics 408C, 408K, or 408N.</h2></div></div><div class=card><div class=cardcontainer><div id=chart></div></div></div></div>'
+
 	$("#container").prepend(modhtml);
 	//console.log(grades);
 	
@@ -92,6 +93,8 @@ function openDialog(dep,cls,sem,professor,data){
 	var span = document.getElementsByClassName("close")[0];
 	modal.style.display = "block";
 	$(".title").text(coursename);
+	$(".profname").text("with "+profname.substring(0,1)+profname.substring(1).toLowerCase());
+
 	console.log(coursename);
 	span.onclick = function() {
 		modal.style.display = "none";
@@ -99,7 +102,7 @@ function openDialog(dep,cls,sem,professor,data){
 
  Highcharts.chart('chart', {
 			    chart: {
-			        type: 'bar',
+			        type: 'column',
 			        spacingLeft: 10
 			    },
 			    title: {
diff --git a/styles.css b/styles.css
index 0788e1bf..06494bf1 100644
--- a/styles.css
+++ b/styles.css
@@ -30,21 +30,36 @@
 }
 
 .title {
-    font-size: large;
+    font-size: x-large;
     font-weight: bold ;
-    margin:0px 0px 0px 0px;
+    padding: 5px;
+    margin:0px 0px 5spx 0px;
 
 }
 .subtitle {
+    padding: 5px;
+    font-size: small;
+    font-weight: normal;
+
+}
+.subtitle.profname{
+    padding: 5px;
     font-size: small;
     font-weight: normal;
 
 }
 
+.profname {
+    margin-left: 5px;
+    padding-bottom: 5px;
+    font-size: medium;
+    font-weight: bold;
+}
+
 #chart {
 	min-width: 310px;
 	max-width: 800px;
-	height: 400px;
+	height: 300px;
 	margin: 0 auto
 }