6 files changed, 48 insertions, 12 deletions
diff --git a/app/assets/sass/_common.scss b/app/assets/sass/_common.scss
index 0fffc29..501b0fe 100644
--- a/app/assets/sass/_common.scss
+++ b/app/assets/sass/_common.scss
@@ -25,6 +25,10 @@ body, input, a, button, textarea {
 	color: $text-color-light;
 }
 
+.text-warning {
+   color: $alert-color;
+}
+
 .hero-container {
    margin: $padding-lg * 3;
    font-size: $font-size-xl;
@@ -52,7 +56,7 @@ a {
    cursor: pointer;
 }
 
-code {
+code, .code {
    font-family: $font-family-mono;
    font-weight: 600;
 }
@@ -65,6 +69,10 @@ code {
    margin-top: $padding-lg;
 }
 
+.pad-bottom {
+   margin-bottom: $padding-lg;
+}
+
 [tooltip]:before {
     width: 150px;
     text-transform: none;
diff --git a/app/assets/sass/_forms.scss b/app/assets/sass/_forms.scss
index 48ed407..1b1c80e 100644
--- a/app/assets/sass/_forms.scss
+++ b/app/assets/sass/_forms.scss
@@ -22,12 +22,17 @@
 
     &-lg {
       width: 98%;
-      height: 280px;
+      height: 210px;
       margin-bottom: $padding-base;
       margin-bottom: $padding-lg;
       border-radius: $border-radius-base;
       border: 1px solid $line-color;
       padding: $padding-lg;
     }
+}
 
+.error-message {
+   background-color: $alert-color;
+   padding: $padding-base;
+   color: #fff;
 }
diff --git a/app/assets/sass/_menu.scss b/app/assets/sass/_menu.scss
index baf03b9..14a627c 100644
--- a/app/assets/sass/_menu.scss
+++ b/app/assets/sass/_menu.scss
@@ -3,7 +3,7 @@ $menu-toggle-height: 45px;
 
 .menu {
    width: 190px;
-   height: 240px;
+   height: 260px;
    position: absolute;
    font-size: $font-size-sm;
    top: $menu-offset - 5;
@@ -53,4 +53,9 @@ $menu-toggle-height: 45px;
          visibility: hidden;
       }
    }
+
+   .button-group {
+      display: flex;
+      margin-bottom: $padding-base;
+   }
 }
diff --git a/app/assets/sass/_modal.scss b/app/assets/sass/_modal.scss
index 19d4bfc..b7efaff 100644
--- a/app/assets/sass/_modal.scss
+++ b/app/assets/sass/_modal.scss
@@ -6,7 +6,7 @@
     left: 0;
     z-index: 1040;
     background-color: #000;
-    opacity: 0.7;
+    opacity: 0.1;
 }
 
 .modal {
@@ -16,11 +16,12 @@
    bottom: 0;
    left: 0;
    z-index: 1050;
+   transition: all 1s;
 
    .modal-dialog {
       position: relative;
       transform: translate(0);
-      margin: 30px auto;
+      margin: 100px auto;
       width: 500px;
       opacity: 1;
 
@@ -33,11 +34,14 @@
          border: 1px solid rgba(0,0,0,.2);
          border-radius: 6px;
          outline: 0;
-         box-shadow: 0 3px 9px rgba(0,0,0,.5);
+         box-shadow: 0 2px 2px rgba(0,0,0,.5);
          display: block;
 
          .modal-body {
             padding: $padding-sm;
+            margin-bottom: $padding-xl;
+            text-align: left;
+            line-height: 1.5;
          }
 
          .modal-footer {
diff --git a/app/assets/sass/_plan-node.scss b/app/assets/sass/_plan-node.scss
index 988264e..b604c2a 100644
--- a/app/assets/sass/_plan-node.scss
+++ b/app/assets/sass/_plan-node.scss
@@ -127,8 +127,27 @@
 
 .expanded {
    width: 400px !important;
+   overflow: visible !important;
+   padding: $padding-base $padding-lg !important;
+   .tags span {
+      margin-right: $padding-sm !important;
+   }
 }
 
 .compact {
    width: 140px;
 }
+
+.dot {
+   width: 30px;
+   overflow: hidden;
+   padding: $padding-sm;
+
+   .tags span {
+      margin-right: 1px;
+   }
+
+   .node-bar-container {
+      margin-top: $padding-sm;
+   }
+}
diff --git a/app/assets/sass/_plan.scss b/app/assets/sass/_plan.scss
index ccf4064..be477ce 100644
--- a/app/assets/sass/_plan.scss
+++ b/app/assets/sass/_plan.scss
@@ -3,12 +3,7 @@ $connector-line: 2px solid darken($line-color, 10%);
 
 .plan {
 	padding-bottom: $padding-lg * 3;
-	overflow: auto;
-	height: 100%;
-   min-height: 550px;
-   margin-left: 50px;
-   margin-right: 50px;
-	width: 100%;
+   margin-left: 100px;
 
 	ul {
 		display: flex;