3 files changed, 28 insertions, 2 deletions
diff --git a/app/assets/sass/_common.scss b/app/assets/sass/_common.scss
index 5d38773..647e9d9 100644
--- a/app/assets/sass/_common.scss
+++ b/app/assets/sass/_common.scss
@@ -51,3 +51,9 @@ a {
 .clickable {
    cursor: pointer;
 }
+
+
+code {
+   font-family: $font-family-mono;
+   font-weight: 600;
+}
diff --git a/app/assets/sass/_highlight.scss b/app/assets/sass/_highlight.scss
index 1ade2d7..08009db 100644
--- a/app/assets/sass/_highlight.scss
+++ b/app/assets/sass/_highlight.scss
@@ -9,6 +9,10 @@
    z-index: 4;
    left: 0;
 
+   code {
+      font-weight: 300;
+   }
+   
    .plan-query-text {
       background-color: #fff;
       font-family: $font-family-mono;
diff --git a/app/assets/sass/_plan-node.scss b/app/assets/sass/_plan-node.scss
index e1ebaa9..0ac65ea 100644
--- a/app/assets/sass/_plan-node.scss
+++ b/app/assets/sass/_plan-node.scss
@@ -41,7 +41,6 @@
    .prop-list {
       float: left;
       text-align: left;
-      width: 400px;
       overflow-wrap: break-word;
       word-wrap: break-word;
       word-break: break-all;
@@ -51,7 +50,6 @@
 
    .relation-name {
      text-align: left;
-     max-width: 220px;
    }
 
    .planner-estimate {
@@ -83,6 +81,20 @@
    &:hover {
      border-color: $highlight-color;
    }
+
+   .node-description {
+      text-align: left;
+      font-style: italic;
+      padding-top: $padding-lg;
+      word-break: normal;
+
+      .node-type {
+         font-weight: 600;
+         background-color: $blue;
+         color: #fff;
+         padding: 0 $padding-base;
+      }
+   }
 }
 
 .node-bar-container {
@@ -110,3 +122,7 @@
    text-align: left;
    display: block;
 }
+
+.expanded {
+   width: 400px;
+}