 								Dom.style
 									Flex: true
 								Dom.div !->
-									Dom.style 
+									Dom.style
 										Flex: true
 										overflow: 'hidden'
 										textOverflow: 'ellipsis'

														if Db.shared.get("currency")
															currency = Db.shared.get("currency")
														Dom.text currency
														Dom.style 
															margin: '20px 5px 0px 0px'
															fontSize: '21px'
													Dom.div !->
														Dom.style Flex: true
														defaultValue = undefined
														if (byO.peek(user.key())+"") isnt "true" and ((byO.peek(user.key())+"").substr(-1) isnt "%")
															defaultValue = +byO.peek(user.key())
														inputField = Form.input
															name: 'paidby'
															type: 'number'
															text: '0.-'
															value: defaultValue
															onChange: (v) ->
																if v
																	value = v
																return
											, (value) !->
												log "value="+value
												if value isnt null and value isnt undefined and value is 'ok'
													log "update"
													update.set(true)
											, ['ok', "Ok", 'cancel', "Cancel"]
									Dom.style

			renderBalanceSplitSection(transaction.get("total"), transaction.ref("for"))
	# Comments
	renderSystemComment = (comment) ->
		if comment.get('system')? and comment.get('system')
			Dom.div !->
				Dom.span !->
					Dom.style color: '#999'
					Time.deltaText comment.get('t')
					Dom.text " • "
				Dom.style
					margin: '6px 0px 6px 56px'
					fontSize: '70%'
				Event.styleNew(comment.get('t'))
				Dom.text Plugin.userName(comment.get('u'))+" edited the transaction"
			return true
		return false
	Social.renderComments
		path: [txId]
		content: renderSystemComment

renderBalanceSplitSection = (total, path) !->
	remainder = Obs.create(total)
