add compact view

3 files changed, 8 insertions, 3 deletions

diff --git a/app/assets/sass/_menu.scss b/app/assets/sass/_menu.scss
index e740726..66394ed 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: 200px;
+   height: 230px;
    position: absolute;
    font-size: $font-size-sm;
    top: $menu-offset - 5;
diff --git a/app/assets/sass/_plan-node.scss b/app/assets/sass/_plan-node.scss
index e063d5f..436c89c 100644
--- a/app/assets/sass/_plan-node.scss
+++ b/app/assets/sass/_plan-node.scss
@@ -71,6 +71,7 @@
          font-size: round($font-size-sm * 0.8);
          font-weight: 600;
          margin-right: $padding-sm;
+         margin-bottom: $padding-sm;
          padding: $padding-sm;
          border-radius: $border-radius-base;
          line-height: 1.1;
@@ -125,5 +126,9 @@
 }
 
 .expanded {
-   width: 400px;
+   width: 400px !important;
+}
+
+.compact {
+   width: 140px;
 }
diff --git a/app/assets/sass/_plan.scss b/app/assets/sass/_plan.scss
index eca3d60..f93ee70 100644
--- a/app/assets/sass/_plan.scss
+++ b/app/assets/sass/_plan.scss
@@ -82,7 +82,7 @@ $connector-line: 2px solid darken($line-color, 10%);
 .plan-stats {
    display: flex;
    font-size: $font-size-base;
-   margin: 0 auto $padding-lg auto;
+   margin: $padding-lg auto $padding-lg auto;
    padding-bottom: $padding-lg;
    border-bottom: 1px solid $line-color;
    border-radius: $border-radius-lg*2;