From 7fc812bc761c95e508e1c540393b12b03cdf1d03 Mon Sep 17 00:00:00 2001
From: Alex Tatiyants <atatiyan@gmail.com>
Date: Sat, 27 Feb 2016 14:38:42 -0800
Subject: add Dot view mode to make large plans easier to view

---
 app/assets/sass/_menu.scss      |  7 ++++++-
 app/assets/sass/_plan-node.scss | 19 +++++++++++++++++++
 app/assets/sass/_plan.scss      |  7 +------
 3 files changed, 26 insertions(+), 7 deletions(-)

(limited to 'app/assets/sass')

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/_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;
-- 
cgit v1.2.3