Make debug info collapsable

2016-10-21 16:00:58 +02:00
parent f5eb69703a
commit 675cb841cf
4 changed files with 39 additions and 7 deletions
--- a/src/styles/_app_base.sass
+++ b/src/styles/_app_base.sass
@@ -305,6 +305,17 @@ input, input.form-control


 /* Debug styles, such as status color legend on help */
+.debug-info
+	padding-top: 10px
+	display: flex
+	flex-direction: column
+
+	.debug-info-toggle
+		width: 100%
+		color: $color-text-dark-hint
+		font-size: .9em
+		text-align: right
+
 .status-debug-item
 	width: 100%

--- a/src/styles/_tasks.sass
+++ b/src/styles/_tasks.sass
@@ -79,6 +79,8 @@
 				&.properties-status
 					cursor: help

+.attract-box+.attract-box
+	margin-top: 0

 #task-add
 	margin-left: auto