1 files changed, 8 insertions, 100 deletions

diff --git a/ui/src/assets/details.scss b/ui/src/assets/details.scss
index 85206d039..5efcce554 100644
--- a/ui/src/assets/details.scss
+++ b/ui/src/assets/details.scss
@@ -30,7 +30,6 @@
     .tabs {
       display: flex;
       grid-area: tabs;
-      overflow: hidden;
 
       .tab {
         font-family: 'Roboto Condensed', sans-serif;
@@ -43,9 +42,6 @@
         border-top: solid 1px hsla(0, 0%, 75%, 1);
         border-left: solid 1px hsla(0, 0%, 75%, 1);
         border-right: solid 1px hsla(0, 0%, 75%, 1);
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
 
         &[active] {
           background-color: white;
@@ -79,7 +75,6 @@
 
     .buttons {
       grid-area: buttons;
-      text-align: right;
     }
 
     .handle-title {
@@ -98,7 +93,6 @@
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 300;
   color: #3c4b5d;
-  user-select: text;
 
   .material-icons {
     @include transition(0.3s);
@@ -123,38 +117,13 @@
     top: 0px;
     display: flex;
     background: white;
-    &.aggregation {
-      padding-top: 5px;
-      display: grid;
-      grid-template-areas: "description range"
-                            "heading heading";
-      grid-template-columns: 1fr auto;
-      .states {
-        font-size: 11px;
-        margin: 0 10px 2px 10px;
-        display: flex;
-        overflow: hidden;
-        .state {
-          height: 20px;
-          line-height: 20px;
-          padding-left: 3px;
-          padding-right: 3px;
-          border-left: white 1px solid;
-          &:hover {
-            min-width: fit-content;
-          }
-        }
-
-      }
-      .time-range {
-        text-align: right;
-        font-size: 11px;
-        font-weight: 400;
-        margin-right: 5px;
-      }
-      table {
-        grid-area: heading;
+    table {
+      padding: 0 10px;
+      th {
+        font-weight: 500;
       }
+    }
+    &.aggregation {
       th {
         cursor: pointer;
         .material-icons {
@@ -228,8 +197,9 @@
     font-size: 14px;
     line-height: 18px;
     width: 100%;
+    table-layout: fixed;
     word-wrap: break-word;
-    padding: 0px 10px;
+    padding: 10px;
     tr:hover {
       background-color: hsl(214, 22%, 90%);
     }
@@ -238,9 +208,6 @@
       width: 30%;
       font-weight: normal;
     }
-    .array-index {
-      text-align: right;
-    }
   }
 
   button {
@@ -257,52 +224,6 @@
   }
 }
 
-.flow-link:hover {
-  cursor: pointer;
-  text-decoration: underline;
-}
-
-.flow-info i.material-icons {
-  color: rgb(60, 86, 136);
-}
-
-.warning {
-  position: relative;
-  font-size: 13px;
-  color: hsl(45, 100%, 48%);
-}
-
-.warning i.material-icons {
-  font-size: 13px;
-}
-
-.warning .tooltip {
-  visibility: hidden;
-
-  background-color: white;
-  color: #3f4040;
-  box-shadow: 1px 3px 15px rgba(23, 32, 44, 0.3);
-
-  padding: 4px;
-  border-radius: 4px;
-
-  text-align: center;
-  white-space: nowrap;
-
-  position: absolute;
-  z-index: 1;
-  top: -5px;
-  left: 105%;
-}
-
-.warning:hover .tooltip {
-  visibility: visible;
-}
-
-.flow-button {
-  color: rgb(60, 86, 136);
-}
-
 table.half-width {
   max-width: 50%;
 }
@@ -352,29 +273,16 @@ table.half-width {
   }
 }
 
-.sum {
-  font-weight: bolder;
-  font-size: 12px;
-  .sum-data {
-    border-bottom: 1px solid rgba(60, 76, 92, 0.4);
-  }
-}
-
 .log-panel {
   width: 100%;
   height: 100%;
   display: grid;
   grid-template-rows: auto 1fr;
-  font-family: 'Roboto Condensed', sans-serif;
-  user-select: text;
 
   header {
     position: sticky;
     top: 0px;
     z-index: 1;
-    background-color: white;
-    color: #3c4b5d;
-    padding: 5px;
   }
 
   header.stale {