society.css in society-1.5.0

- old
+ new

@@ -8,31 +8,34 @@
 
 .society-cell-outline {
   stroke: #fff;
 }
 
+.society-
 .society-heatmap-select,
 .society-network-toggle {
   display: block;
   margin-bottom: 1em;
   font: 300 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 .society-heatmap-select {
-  display: block;
+  display: inline;
   color: #555;
   background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 4px;
-  height: 3em;
+  height: 2em;
   padding: 6px 12px;
-  font-size: 14px;
   line-height: 1.42857143;
   background-image: none;
-  margin: auto;
 }
 
+label.society-heatmap-select-label {
+  font: 300 12px "Helvetica Neue", Helvetica, Arial, sans-serif !important;
+}
+
 .society-network-toggle input {
   margin-right: 6px;
 }
 
 .society-link {
@@ -47,15 +50,15 @@
 .society-node--target {
   font-weight: 700;
 }
 
 .society-node--source {
-  fill: #2ca02c;
+  fill: #009191;
 }
 
 .society-node--target {
-  fill: #d62728;
+  fill: #d66a00;
 }
 
 .society-node--faded {
   opacity: 0.3;
 }
@@ -64,12 +67,34 @@
 .society-link--target {
   stroke-opacity: 1;
   stroke-width: 2px;
 }
 
+.society-link {
+  stroke: #000;
+}
+
 .society-link--source {
-  stroke: #d62728;
+  stroke: #009191;
 }
 
 .society-link--target {
-  stroke: #2ca02c;
+  stroke: #d66a00;
+}
+
+.key-green {
+  height: 1em;
+  background-color: #009191;
+  padding: .25em;
+  color: #fff;
+}
+
+.key-red {
+  height: 1em;
+  background-color: #d66a00;
+  padding: .25em;
+  color: #fff;
+}
+
+.instructions {
+  width: 100%;
 }