UX

client/project.ls

@@ -52,13 +52,6 @@ Project = (self, todod-ws) ->
 
 	self.right-nav-render = ->
 		[
-			h \div.navbar-item [
-				h \div.button.is-outlined {
-					onclick: ->
-						modal := ProjectCreationModal self, self.todod-ws
-				} [ "Edit this project" ]
-			]
-
 			h \div.navbar-item [
 				h \div.button.is-success.is-outlined {
 					onclick: ->
@@ -66,6 +59,13 @@ Project = (self, todod-ws) ->
 				} [ "New task" ]
 			]
 
+			h \div.navbar-item [
+				h \div.button.is-outlined {
+					onclick: ->
+						modal := ProjectCreationModal self, self.todod-ws
+				} [ "Edit this project" ]
+			]
+
 			h \div.navbar-item [
 				h \div.button.is-danger.is-outlined {
 					onclick: ->

client/task-creation-modal.ls

@@ -4,22 +4,10 @@ Modal = require './modal.ls'
 
 
 column-form-selection = (self, column) ->
-	checked = false
+	h \option {
-
+		value: column.id
-	if self.extra_properties && self.extra_properties.column == column.id
+		selected: self.extra_properties && self.extra_properties.column == column.id
-		checked = true
+	} [ column.title ]
-
-	h \label.radio [
-		column.title
-		h \input {
-			type: "radio"
-			name: "column"
-			checked: checked
-			value: column.title
-			onclick: ->
-				self.extra_properties.column := column.id
-		} [ ]
-	]
 
 
 TaskCreationModal = (project, todod-ws, task) ->
@@ -55,7 +43,13 @@ TaskCreationModal = (project, todod-ws, task) ->
 
 
 				h \p [ "Choose the column" ]
-				h \div.control project.extra_properties.columns.map (column) -> column-form-selection self, column
+
+				h \div.select [
+					h \select {
+						onchange: (e) ->
+							self.extra_properties.column := e.target.value
+					} project.extra_properties.columns.map (column) -> column-form-selection self, column
+				]
 
 			]