Added Cleaner CSS

Author: 0x41head

src/app/app.component.css

@@ -2,15 +2,15 @@
   .main-container {
     width: 100%;
     height: 100%;
-    border: 10px solid yellow;
+    /*border: 10px solid yellow;*/
   }
 
   .sidenav-content {
     display: flex;
     padding: 10px;
     align-items: left;
     justify-content: left;
-    background-color: red;
+    /*background-color: red;*/
   }
 
   .example-sidenav {

src/app/component/circular-heatmap/circular-heatmap.component.css

@@ -8,7 +8,7 @@
     shape-rendering: crispEdges;
   }
 .heatmapClass{
-  background-color: aquamarine;
+  /*background-color: aquamarine;*/
 }
 .example-card {
   float: right;

src/app/component/circular-heatmap/circular-heatmap.component.ts

@@ -226,7 +226,7 @@ export class CircularHeatmapComponent implements OnInit {
         //console.log(_self.tasksData)
       })
       .on('mouseover', function(d) {
-        
+        console.log(d.explicitOriginalTarget)
         curr=d.explicitOriginalTarget.__data__
         //console.log(curr)
         // increase the segment height of the one being hovered as well as all others of the same date

src/app/component/logo/logo.component.css

@@ -3,5 +3,5 @@
     height: auto;  
     text-align: center;  
     padding: 5px;  
-    border: 3px solid blue; 
+    /*border: 3px solid blue; */
     }  

src/app/component/main-content/main-content.component.css

@@ -1,5 +1,5 @@
 .content-box {
     width: 100%;
     /*height: 100%;*/
-    background-color: olive;
+    /*background-color: olive;*/
   }

src/app/component/mapping/mapping.component.css

@@ -1,12 +1,12 @@
 .content{
   width: 100%;
-  background-color: gainsboro;
+  /*background-color: gainsboro;*/
 }
 
 .mat-form-field{
   margin: 20px;
   width: 50%;
-  background-color: coral;
+  /*background-color: coral;*/
 }
 
 .matrix-table{
@@ -36,7 +36,7 @@
 }
 
 .filterandsort{
-  background-color: brown;
+  /*background-color: brown;*/
 }
 
 .hide{
@@ -50,6 +50,6 @@
 }
 
 .right-section{
-  background-color: mediumorchid;
+  /*background-color: mediumorchid;*/
   float: right;
 }

src/app/component/matrix/matrix.component.css

@@ -1,6 +1,6 @@
 .content{
     width: 100%;
-    background-color: gainsboro;
+    /*background-color: gainsboro;*/
 }
 .mat-form-field{
     margin: 20px;

src/app/component/readme-to-html/readme-to-html.component.css

@@ -1,5 +1,5 @@
 .main-section{
-    background-color: aqua;
+    /*background-color: aqua;*/
     padding: 30px;
     padding-top: 0px;
 

src/app/component/task-description/task-description.component.css

@@ -2,7 +2,7 @@
     margin: 20px;
     width: 95%;
     /*height: 100%;*/
-    background-color: paleturquoise;
+    /*background-color: paleturquoise;*/
   }
 
 .mat-form-field + .mat-form-field {

src/app/component/top-header/top-header.component.css

@@ -1,4 +1,4 @@
 .mat-display-1 {
-    background-color: goldenrod;
+    /*background-color: goldenrod;*/
     padding: 20px;
 }