From eeabd06faf762e4af5cecfd7a6020edf6877aaba Mon Sep 17 00:00:00 2001
From: Harvey Kandola <harvey@documize.com>
Date: Thu, 19 May 2016 15:49:06 -0700
Subject: [PATCH] trello list width set to 300px

---
 .../components/section/trello/type-editor.js  |  5 +
 .../components/section/trello/type-editor.hbs |  2 +-
 .../section/trello/type-renderer.hbs          | 96 +++++++++----------
 3 files changed, 54 insertions(+), 49 deletions(-)

diff --git a/app/app/components/section/trello/type-editor.js b/app/app/components/section/trello/type-editor.js
index ba71ad3b..332eb5f9 100644
--- a/app/app/components/section/trello/type-editor.js
+++ b/app/app/components/section/trello/type-editor.js
@@ -23,6 +23,11 @@ export default Ember.Component.extend(SectionMixin, NotifierMixin, TooltipMixin,
     config: {},
     boards: null,
 
+    boardStyle: Ember.computed('config.board', function() {
+        var color = this.get('config.board').prefs.backgroundColor;
+        return Ember.String.htmlSafe("background-color: " + color);
+    }),
+
     didReceiveAttrs() {
         let config = {};
 
diff --git a/app/app/templates/components/section/trello/type-editor.hbs b/app/app/templates/components/section/trello/type-editor.hbs
index 998a1e30..11ba75e1 100644
--- a/app/app/templates/components/section/trello/type-editor.hbs
+++ b/app/app/templates/components/section/trello/type-editor.hbs
@@ -73,7 +73,7 @@
 				<div class="input-control">
 					<label>Lists</label>
 					<div class="tip">Select lists to include</div>
-					<div class="trello-board" style="background-color:{{config.board.prefs.backgroundColor}};">
+					<div class="trello-board" style= {{boardStyle}}>
 						<div class="trello-board-title">{{config.board.name}}</div>
 						{{#each config.lists as |list|}}
 							<div class="trello-list" {{action 'onListCheckbox' list.id}}>
diff --git a/app/app/templates/components/section/trello/type-renderer.hbs b/app/app/templates/components/section/trello/type-renderer.hbs
index db8fbf6b..4f2743a9 100644
--- a/app/app/templates/components/section/trello/type-renderer.hbs
+++ b/app/app/templates/components/section/trello/type-renderer.hbs
@@ -1,54 +1,54 @@
-<style>	
-.trello-board {
-	width: 100%;
-	max-height: 600px;
-	padding: 10px;
-	white-space: nowrap;
-	overflow: auto
-}
+<style>
+	.trello-board {
+		width: 100%;
+		max-height: 600px;
+		padding: 10px;
+		white-space: nowrap;
+		overflow: auto
+	}
 
-.trello-board-title {
-	font-weight: bold;
-	color: #fff;
-	font-size: 16px;
-}
+	.trello-board-title {
+		font-weight: bold;
+		color: #fff;
+		font-size: 16px;
+	}
 
-.trello-list {
-	background-color: #e2e4e6;
-	padding: 10px;
-	border-radius: 3px;
-	margin: 10px 10px 0 0;
-	max-width: 300px;
-	max-height: 500px;
-	display: inline-block;
-	white-space: nowrap;
-	overflow: auto;
-	vertical-align: top;
-}
+	.trello-list {
+		background-color: #e2e4e6;
+		padding: 10px;
+		border-radius: 3px;
+		margin: 10px 10px 0 0;
+		width: 300px;
+		max-height: 500px;
+		display: inline-block;
+		white-space: nowrap;
+		overflow: auto;
+		vertical-align: top;
+	}
 
-.trello-list-title {
-	font-weight: bold;
-	color: #4c4c4c;
-	font-size: 14px;
-	margin: 0 10px 10px 0;
-}
+	.trello-list-title {
+		font-weight: bold;
+		color: #4c4c4c;
+		font-size: 14px;
+		margin: 0 10px 10px 0;
+	}
 
-.trello-card {
-	color: #4c4c4c;
-	border-bottom: 1px solid #CDD2D4;
-	background-color: #fff;
-	border-radius: 3px;
-	padding: 7px 7px;
-	margin: 5px 0;
-	font-size: 14px;
-    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
-    line-height: 18px;	
-	overflow: hidden;
-    word-wrap: break-word;
-	white-space: normal;
-	cursor: pointer;
-	vertical-align: top;
-}
+	.trello-card {
+		color: #4c4c4c;
+		border-bottom: 1px solid #CDD2D4;
+		background-color: #fff;
+		border-radius: 3px;
+		padding: 7px 7px;
+		margin: 5px 0;
+		font-size: 14px;
+		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+		line-height: 18px;
+		overflow: hidden;
+		word-wrap: break-word;
+		white-space: normal;
+		cursor: pointer;
+		vertical-align: top;
+	}
 </style>
 
-{{{page.body}}}
\ No newline at end of file
+{{{page.body}}}