Revert "Merge branch 'main' of..."

This reverts commit 045fbb50d9

web/newWebsite/styles/dashboard-styles.css

@@ -205,109 +205,43 @@ body {
     top: 0; /* Position it at the very top */
     width: 100%; /* Make it span the full width of the page */
     z-index: 1000; /* Make sure it's above all other elements */
-  }
-  
-  .navbar-nav {
+}
+
+.navbar-nav {
     list-style: none;
     display: flex;
     align-items: center;
     justify-content: center; /* Center the links horizontally */
     height: 100%;
     width: 100%; /* Make it span the full width of the navbar */
-  }
-  
-  .nav-item {
+}
+
+.nav-item {
     margin-right: 20px;
-  }
-  
-  .nav-link {
+}
+
+.nav-link {
     color: #fff;
     text-decoration: none;
     font-size: 18px;
-  }
-  
-  .container {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    align-self: center;
-    border: 3px solid #ccc;
-    border-radius: 10px;
-    margin: 20px;
-    padding: 20px;
-    width: 95%;
-    box-sizing: border-box;
-  }
-  
-  .data-types {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    margin-right: 60px;
-    margin-bottom: 10px;
-    font-size: 0.8em;
-    padding: 8px;
-    border-radius: 5px;
-    background-color: #f0f0f0;
-  }
-  
-  .filters {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+}
+
+.plotly-container {
     width: 100%;
-    margin-bottom: 10px;
-  }
-  
-  .date-filter {
-    flex: 1;
-    text-align: center;
-    margin-right: 60px;
-    font-size: 1.2em; /* Increase font size for a bigger appearance */
-    padding: 8px;
-    border-radius: 5px; /* Add border radius for a rounded look */
-    background-color: #f0f0f0; /* Light background color for contrast */
-  }
-  
-  .node-filter {
-    flex: 1;
-    margin: auto;
-    text-align: center;
-    margin-right: 60px;
-    align-content: center;
-    font-size: 1.2em; /* Increase font size for a bigger appearance */
-    padding: 8px;
-    border-radius: 5px; /* Add border radius for a rounded look */
-    background-color: #f0f0f0; /* Light background color for contrast */
-  }
-  
-  .filter-button {
-    width: 10%;
-    background-color: #007bff;
-    color: white;
-    padding: 10px;
-    border: none;
-    border-radius: 5px;
-    cursor: pointer;
-  }
-  
-  .js-plotly-plot {
-    width: 100%;
-    height: 100%;
-    align-self: center center;
-  }
-  /* Additional styling as needed */
-  
-  .graphBody {
-    display: flex;
-    padding: 10px;
-    border: 3px solid #ccc;
-    border-radius: 10px;
+    float: bottom;
+    padding: 1vw;
+    align-items: center;
     justify-content: center;
-    width: 95%;
+    display: flex;
+}
+
+.js-plotly-plot {
+    width: 90%;
     height: 100%;
-    align-content: center;
-    align-self: center;
-  }
-  
+}
+
+.disabled {
+    opacity: 0;
+    height: 0;
+
+}