Merge pull request #478 from TID-Lab/UItweaksAnalysis

Minor UI tweaks
TID-Lab · Apr 8, 2021 · 247e71a · 247e71a
2 parents caf3110 + 84a7f4e
commit 247e71a
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/public/angular/js/controllers/analysis/index.js b/public/angular/js/controllers/analysis/index.js
@@ -139,6 +139,7 @@ angular
             .attr('transform', 'translate(0,' + (height - padding.b) + ')');
 
           svg.append('g')
+            .attr('class', 'axis')
             .call(
               d3.axisLeft()
               .scale(yScale)
@@ -176,10 +177,12 @@ angular
             });
 
           svg.append('text')
+            .attr('class', 'axis-label')
             .text('No. of Subscribers')
             .attr('transform', 'translate(' + width / 2 + ',' + (height + padding.t / 2) + ')')
             .style("text-anchor", "middle");
           svg.append("text")
+            .attr('class', 'axis-label')
             .attr("transform", "rotate(-90)")
             .attr("y", padding.l / 4)
             .attr("x", 0 - (height / 2))
@@ -304,6 +307,7 @@ angular
             .range([height - padding.b, padding.t]);
 
           svg.append('g')
+            .attr('class', 'axis')
             .call(
               d3.axisBottom()
               .scale(xScale)
@@ -312,6 +316,7 @@ angular
             .attr('transform', 'translate(0,' + (height - padding.b) + ')');
 
           svg.append('g')
+            .attr('class', 'axis')
             .call(
               d3.axisLeft()
               .scale(yScale)
@@ -384,10 +389,12 @@ angular
             });
 
           svg.append('text')
+            .attr('class', 'axis-label')
             .text('Time Posted')
             .attr('transform', 'translate(' + width / 2 + ',' + (height + padding.t / 2 + 5) + ')')
             .style("text-anchor", "middle");
           svg.append("text")
+            .attr('class', 'axis-label')
             .attr("transform", "rotate(-90)")
             .attr("y", padding.l / 4)
             .attr("x", 0 - (height / 2))

diff --git a/public/angular/sass/app.scss b/public/angular/sass/app.scss
@@ -258,17 +258,34 @@ footer {
 .analysis-svg {
   width: 100%;
 
-  border: 2px solid #E9E9E9;
+  border: 2px solid #b6b3b3;
   box-sizing: border-box;
   margin-bottom: 10px;
+  background-color: rgb(249, 250, 248);
+
+  font-family: "Lato",
+    "Helvetica Neue";
 }
 
 .analysis-table {
   padding-left: 10px;
   padding-right: 10px;
 }
 
+.axis {
+  color: #838383;
+}
+
 .stats-timestamp {
   display: block;
   margin-top: 30px;
 }
+
+#desc-text {
+  fill: #424ab9;
+  font-size: 1.2em;
+}
+
+.axis-label {
+  fill: #838383;
+}