Implement timeline

1 files changed, 27 insertions, 25 deletions

diff --git a/frontend/src/views/Connections.scss b/frontend/src/views/Connections.scss
index c7bd1df..9e2b6ba 100644
--- a/frontend/src/views/Connections.scss
+++ b/frontend/src/views/Connections.scss
@@ -1,37 +1,39 @@
 @import "../colors.scss";
 
-.connections {
+.connections-container {
   position: relative;
-  overflow: auto;
   height: 100%;
-  padding: 0 10px;
+  padding: 10px;
   background-color: $color-primary-3;
 
-  .table {
-    margin-top: 10px;
-  }
+  .connections {
+    position: relative;
+    overflow-y: scroll;
+    height: 100%;
 
-  .connections-header-padding {
-    position: sticky;
-    top: 0;
-    right: 0;
-    left: 0;
-    height: 10px;
-    margin-bottom: -10px;
-    background-color: $color-primary-3;
-  }
+    .table {
+      margin-bottom: 0;
+    }
+
+    th {
+      font-size: 13.5px;
+      position: sticky;
+      top: 0;
+      padding: 5px;
+      border: none;
+      background-color: $color-primary-2;
+    }
 
-  th {
-    font-size: 13.5px;
-    position: sticky;
-    top: 10px;
-    padding: 5px;
-    border-top: 3px solid $color-primary-3;
-    border-bottom: 3px solid $color-primary-3;
-    background-color: $color-primary-2;
+    &:hover::-webkit-scrollbar-thumb {
+      background: $color-secondary-2;
+    }
   }
 
-  &:hover::-webkit-scrollbar-thumb {
-    background: $color-secondary-2;
+  .most-recent-button {
+    position: absolute;
+    z-index: 20;
+    top: 45px;
+    left: calc(50% - 50px);
+    background-color: red;
   }
 }