diff --git a/elm.js b/elm.js
index fa65cb4..60345a5 100644
--- a/elm.js
+++ b/elm.js
@@ -784,11 +784,11 @@ function _Debug_crash_UNUSED(identifier, fact1, fact2, fact3, fact4)
 
 function _Debug_regionToString(region)
 {
-	if (region.bc.ar === region.bz.ar)
+	if (region.bb.ar === region.bz.ar)
 	{
-		return 'on line ' + region.bc.ar;
+		return 'on line ' + region.bb.ar;
 	}
-	return 'on lines ' + region.bc.ar + ' through ' + region.bz.ar;
+	return 'on lines ' + region.bb.ar + ' through ' + region.bz.ar;
 }
 
 
@@ -2704,9 +2704,9 @@ var _VirtualDom_mapEventTuple = F2(function(func, tuple)
 var _VirtualDom_mapEventRecord = F2(function(func, record)
 {
 	return {
-		N: func(record.N),
-		bd: record.bd,
-		a8: record.a8
+		P: func(record.P),
+		bc: record.bc,
+		a7: record.a7
 	}
 });
 
@@ -2974,11 +2974,11 @@ function _VirtualDom_makeCallback(eventNode, initialHandler)
 		// 3 = Custom
 
 		var value = result.a;
-		var message = !tag ? value : tag < 3 ? value.a : value.N;
-		var stopPropagation = tag == 1 ? value.b : tag == 3 && value.bd;
+		var message = !tag ? value : tag < 3 ? value.a : value.P;
+		var stopPropagation = tag == 1 ? value.b : tag == 3 && value.bc;
 		var currentEventNode = (
 			stopPropagation && event.stopPropagation(),
-			(tag == 2 ? value.b : tag == 3 && value.a8) && event.preventDefault(),
+			(tag == 2 ? value.b : tag == 3 && value.a7) && event.preventDefault(),
 			eventNode
 		);
 		var tagger;
@@ -3968,7 +3968,7 @@ var _Browser_document = _Debugger_document || F4(function(impl, flagDecoder, deb
 		impl.eP,
 		impl.eu,
 		function(sendToApp, initialModel) {
-			var divertHrefToApp = impl.bb && impl.bb(sendToApp)
+			var divertHrefToApp = impl.ba && impl.ba(sendToApp)
 			var view = impl.eQ;
 			var title = _VirtualDom_doc.title;
 			var bodyNode = _VirtualDom_doc.body;
@@ -4043,7 +4043,7 @@ function _Browser_application(impl)
 	var key = function() { key.a(onUrlChange(_Browser_getUrl())); };
 
 	return _Browser_document({
-		bb: function(sendToApp)
+		ba: function(sendToApp)
 		{
 			key.a = sendToApp;
 			_Browser_window.addEventListener('popstate', key);
@@ -4519,12 +4519,12 @@ var _Http_toTask = F3(function(router, toTask, request)
 		xhr.addEventListener('error', function() { done($elm$http$Http$NetworkError_); });
 		xhr.addEventListener('timeout', function() { done($elm$http$Http$Timeout_); });
 		xhr.addEventListener('load', function() { done(_Http_toResponse(request.ap.b, xhr)); });
-		$elm$core$Maybe$isJust(request.aA) && _Http_track(router, xhr, request.aA.a);
+		$elm$core$Maybe$isJust(request.az) && _Http_track(router, xhr, request.az.a);
 
 		try {
-			xhr.open(request.as, request.S, true);
+			xhr.open(request.as, request.J, true);
 		} catch (e) {
-			return done($elm$http$Http$BadUrl_(request.S));
+			return done($elm$http$Http$BadUrl_(request.J));
 		}
 
 		_Http_configureRequest(xhr, request);
@@ -4545,7 +4545,7 @@ function _Http_configureRequest(xhr, request)
 	{
 		xhr.setRequestHeader(headers.a.a, headers.a.b);
 	}
-	xhr.timeout = request.ax.a || 0;
+	xhr.timeout = request.aw.a || 0;
 	xhr.responseType = request.ap.d;
 	xhr.withCredentials = request.cU;
 }
@@ -4568,7 +4568,7 @@ function _Http_toResponse(toBody, xhr)
 function _Http_toMetadata(xhr)
 {
 	return {
-		S: xhr.responseURL,
+		J: xhr.responseURL,
 		eo: xhr.status,
 		ep: xhr.statusText,
 		aq: _Http_parseHeaders(xhr.getAllResponseHeaders())
@@ -5557,7 +5557,7 @@ var $author$project$Main$NotFound = function (a) {
 };
 var $author$project$Session$Person = F3(
 	function (email, token, avatar) {
-		return {aX: avatar, a_: email, bg: token};
+		return {aW: avatar, aZ: email, bg: token};
 	});
 var $author$project$Session$Session = F2(
 	function (a, b) {
@@ -5587,7 +5587,7 @@ var $author$project$Session$decode = F2(
 	});
 var $elm$url$Url$Parser$State = F5(
 	function (visited, unvisited, params, frag, value) {
-		return {V: frag, Z: params, R: unvisited, I: value, ac: visited};
+		return {W: frag, _: params, T: unvisited, K: value, ad: visited};
 	});
 var $elm$url$Url$Parser$getFirstMatch = function (states) {
 	getFirstMatch:
@@ -5597,12 +5597,12 @@ var $elm$url$Url$Parser$getFirstMatch = function (states) {
 		} else {
 			var state = states.a;
 			var rest = states.b;
-			var _v1 = state.R;
+			var _v1 = state.T;
 			if (!_v1.b) {
-				return $elm$core$Maybe$Just(state.I);
+				return $elm$core$Maybe$Just(state.K);
 			} else {
 				if ((_v1.a === '') && (!_v1.b.b)) {
-					return $elm$core$Maybe$Just(state.I);
+					return $elm$core$Maybe$Just(state.K);
 				} else {
 					var $temp$states = rest;
 					states = $temp$states;
@@ -6223,6 +6223,9 @@ var $author$project$Route$Auth = function (a) {
 	return {$: 0, a: a};
 };
 var $author$project$Route$Capture = {$: 3};
+var $author$project$Route$CaptureEdit = function (a) {
+	return {$: 5, a: a};
+};
 var $author$project$Route$CaptureTimers = function (a) {
 	return {$: 4, a: a};
 };
@@ -6232,11 +6235,11 @@ var $elm$url$Url$Parser$Parser = $elm$core$Basics$identity;
 var $elm$url$Url$Parser$custom = F2(
 	function (tipe, stringToSomething) {
 		return function (_v0) {
-			var visited = _v0.ac;
-			var unvisited = _v0.R;
-			var params = _v0.Z;
-			var frag = _v0.V;
-			var value = _v0.I;
+			var visited = _v0.ad;
+			var unvisited = _v0.T;
+			var params = _v0._;
+			var frag = _v0.W;
+			var value = _v0.K;
 			if (!unvisited.b) {
 				return _List_Nil;
 			} else {
@@ -6264,11 +6267,11 @@ var $elm$url$Url$Parser$custom = F2(
 var $elm$url$Url$Parser$int = A2($elm$url$Url$Parser$custom, 'NUMBER', $elm$core$String$toInt);
 var $elm$url$Url$Parser$mapState = F2(
 	function (func, _v0) {
-		var visited = _v0.ac;
-		var unvisited = _v0.R;
-		var params = _v0.Z;
-		var frag = _v0.V;
-		var value = _v0.I;
+		var visited = _v0.ad;
+		var unvisited = _v0.T;
+		var params = _v0._;
+		var frag = _v0.W;
+		var value = _v0.K;
 		return A5(
 			$elm$url$Url$Parser$State,
 			visited,
@@ -6281,11 +6284,11 @@ var $elm$url$Url$Parser$map = F2(
 	function (subValue, _v0) {
 		var parseArg = _v0;
 		return function (_v1) {
-			var visited = _v1.ac;
-			var unvisited = _v1.R;
-			var params = _v1.Z;
-			var frag = _v1.V;
-			var value = _v1.I;
+			var visited = _v1.ad;
+			var unvisited = _v1.T;
+			var params = _v1._;
+			var frag = _v1.W;
+			var value = _v1.K;
 			return A2(
 				$elm$core$List$map,
 				$elm$url$Url$Parser$mapState(value),
@@ -6323,11 +6326,11 @@ var $elm$url$Url$Parser$oneOf = function (parsers) {
 var $elm$url$Url$Parser$query = function (_v0) {
 	var queryParser = _v0;
 	return function (_v1) {
-		var visited = _v1.ac;
-		var unvisited = _v1.R;
-		var params = _v1.Z;
-		var frag = _v1.V;
-		var value = _v1.I;
+		var visited = _v1.ad;
+		var unvisited = _v1.T;
+		var params = _v1._;
+		var frag = _v1.W;
+		var value = _v1.K;
 		return _List_fromArray(
 			[
 				A5(
@@ -6361,11 +6364,11 @@ var $elm$url$Url$Parser$questionMark = F2(
 	});
 var $elm$url$Url$Parser$s = function (str) {
 	return function (_v0) {
-		var visited = _v0.ac;
-		var unvisited = _v0.R;
-		var params = _v0.Z;
-		var frag = _v0.V;
-		var value = _v0.I;
+		var visited = _v0.ad;
+		var unvisited = _v0.T;
+		var params = _v0._;
+		var frag = _v0.W;
+		var value = _v0.K;
 		if (!unvisited.b) {
 			return _List_Nil;
 		} else {
@@ -6443,10 +6446,20 @@ var $author$project$Route$routeParser = $elm$url$Url$Parser$oneOf(
 			A2(
 			$elm$url$Url$Parser$map,
 			$author$project$Route$CaptureTimers,
+			A2(
+				$elm$url$Url$Parser$slash,
+				$elm$url$Url$Parser$s('timers'),
+				$elm$url$Url$Parser$int)),
+			A2(
+			$elm$url$Url$Parser$map,
+			$author$project$Route$CaptureEdit,
 			A2(
 				$elm$url$Url$Parser$slash,
 				$elm$url$Url$Parser$s('capture'),
-				$elm$url$Url$Parser$int))
+				A2(
+					$elm$url$Url$Parser$slash,
+					$elm$url$Url$Parser$int,
+					$elm$url$Url$Parser$s('edit'))))
 		]));
 var $author$project$Route$fromUrl = function (url) {
 	return A2($elm$url$Url$Parser$parse, $author$project$Route$routeParser, url);
@@ -6457,20 +6470,26 @@ var $author$project$Main$Auth = function (a) {
 var $author$project$Main$Capture = function (a) {
 	return {$: 5, a: a};
 };
-var $author$project$Main$CaptureTimers = function (a) {
+var $author$project$Main$CaptureEdit = function (a) {
 	return {$: 6, a: a};
 };
+var $author$project$Main$CaptureTimers = function (a) {
+	return {$: 7, a: a};
+};
 var $author$project$Main$GotAuthMsg = function (a) {
 	return {$: 2, a: a};
 };
+var $author$project$Main$GotCaptureEditMsg = function (a) {
+	return {$: 5, a: a};
+};
 var $author$project$Main$GotCaptureMsg = function (a) {
 	return {$: 4, a: a};
 };
 var $author$project$Main$GotCaptureTimersMsg = function (a) {
-	return {$: 5, a: a};
+	return {$: 6, a: a};
 };
 var $author$project$Main$GotLoginMsg = function (a) {
-	return {$: 6, a: a};
+	return {$: 7, a: a};
 };
 var $author$project$Main$GotPagesSessionMsg = function (a) {
 	return {$: 3, a: a};
@@ -6549,9 +6568,12 @@ var $author$project$Route$routeToString = function (route) {
 			return '/logout';
 		case 2:
 			return '/login';
+		case 4:
+			var idCapture = route.a;
+			return '/timers/' + $elm$core$String$fromInt(idCapture);
 		default:
 			var idCapture = route.a;
-			return '/capture/' + $elm$core$String$fromInt(idCapture);
+			return '/capture/' + ($elm$core$String$fromInt(idCapture) + '/edit');
 	}
 };
 var $author$project$Route$replaceUrl = F2(
@@ -6588,9 +6610,9 @@ var $author$project$Endpoint$captures = A2(
 	_List_fromArray(
 		['api', 'capture']),
 	_List_Nil);
-var $author$project$Capture$Capture = F4(
-	function (idCapture, text, timers, status) {
-		return {bN: idCapture, av: status, bf: text, cv: timers};
+var $author$project$Capture$Capture = F5(
+	function (idCapture, text, timers, status, tags) {
+		return {bN: idCapture, av: status, be: tags, bf: text, cv: timers};
 	});
 var $elm$json$Json$Decode$andThen = _Json_andThen;
 var $elm$json$Json$Decode$bool = _Json_decodeBool;
@@ -7422,8 +7444,9 @@ var $author$project$Capture$timersToStatusDecoder = A2(
 var $author$project$Capture$captureStatusDecoder = function (completed) {
 	return completed ? $author$project$Capture$completedToStatusDecoder : $author$project$Capture$timersToStatusDecoder;
 };
-var $author$project$Capture$captureDecoder = A5(
-	$elm$json$Json$Decode$map4,
+var $elm$json$Json$Decode$map5 = _Json_map5;
+var $author$project$Capture$captureDecoder = A6(
+	$elm$json$Json$Decode$map5,
 	$author$project$Capture$Capture,
 	A2($elm$json$Json$Decode$field, 'capture_id', $elm$json$Json$Decode$int),
 	A2($elm$json$Json$Decode$field, 'text', $elm$json$Json$Decode$string),
@@ -7434,7 +7457,12 @@ var $author$project$Capture$captureDecoder = A5(
 	A2(
 		$elm$json$Json$Decode$andThen,
 		$author$project$Capture$captureStatusDecoder,
-		A2($elm$json$Json$Decode$field, 'completed', $elm$json$Json$Decode$bool)));
+		A2($elm$json$Json$Decode$field, 'completed', $elm$json$Json$Decode$bool)),
+	A2(
+		$elm$json$Json$Decode$field,
+		'tags',
+		$elm$json$Json$Decode$list(
+			A2($elm$json$Json$Decode$field, 'text', $elm$json$Json$Decode$string))));
 var $author$project$Capture$capturesDataDecoder = A2(
 	$elm$json$Json$Decode$field,
 	'data',
@@ -7592,7 +7620,7 @@ var $elm$http$Http$updateReqs = F3(
 					return A2(
 						$elm$core$Task$andThen,
 						function (pid) {
-							var _v4 = req.aA;
+							var _v4 = req.az;
 							if (_v4.$ === 1) {
 								return A3($elm$http$Http$updateReqs, router, otherCmds, reqs);
 							} else {
@@ -7684,9 +7712,9 @@ var $elm$http$Http$cmdMap = F2(
 					ap: A2(_Http_mapExpect, func, r.ap),
 					aq: r.aq,
 					as: r.as,
-					ax: r.ax,
-					aA: r.aA,
-					S: r.S
+					aw: r.aw,
+					az: r.az,
+					J: r.J
 				});
 		}
 	});
@@ -7709,7 +7737,7 @@ var $elm$http$Http$subscription = _Platform_leaf('Http');
 var $elm$http$Http$request = function (r) {
 	return $elm$http$Http$command(
 		$elm$http$Http$Request(
-			{cU: false, bq: r.bq, ap: r.ap, aq: r.aq, as: r.as, ax: r.ax, aA: r.aA, S: r.S}));
+			{cU: false, bq: r.bq, ap: r.ap, aq: r.aq, as: r.as, aw: r.aw, az: r.az, J: r.J}));
 };
 var $author$project$Pages$Capture$apiGetCaptures = function (token) {
 	return $elm$http$Http$request(
@@ -7721,9 +7749,9 @@ var $author$project$Pages$Capture$apiGetCaptures = function (token) {
 					A2($elm$http$Http$header, 'authorization', 'Bearer ' + token)
 				]),
 			as: 'GET',
-			ax: $elm$core$Maybe$Nothing,
-			aA: $elm$core$Maybe$Nothing,
-			S: $author$project$Endpoint$toString($author$project$Endpoint$captures)
+			aw: $elm$core$Maybe$Nothing,
+			az: $elm$core$Maybe$Nothing,
+			J: $author$project$Endpoint$toString($author$project$Endpoint$captures)
 		});
 };
 var $elm$core$Basics$composeL = F3(
@@ -7766,19 +7794,19 @@ var $author$project$Pages$Capture$Loading = 0;
 var $author$project$Pages$Capture$Status = $elm$core$Basics$identity;
 var $author$project$UI$Nav$State = $elm$core$Basics$identity;
 var $author$project$UI$Nav$init = false;
-var $author$project$Capture$initCapture = {bN: 0, av: $author$project$Capture$ToDo, bf: '', cv: _List_Nil};
+var $author$project$Capture$initCapture = {bN: 0, av: $author$project$Capture$ToDo, be: _List_Nil, bf: '', cv: _List_Nil};
 var $elm$time$Time$utc = A2($elm$time$Time$Zone, 0, _List_Nil);
 var $author$project$Pages$Capture$initModel = function (session) {
 	return {
-		ae: _List_Nil,
+		af: _List_Nil,
 		m: '',
-		X: $author$project$UI$Nav$init,
-		O: $author$project$Capture$initCapture,
-		aN: 0,
+		Y: $author$project$UI$Nav$init,
+		Q: $author$project$Capture$initCapture,
+		aM: 0,
 		g: session,
-		aj: $author$project$Capture$InProgress,
-		aa: {
-			aO: $elm$time$Time$millisToPosix(0),
+		ak: $author$project$Capture$InProgress,
+		ab: {
+			aN: $elm$time$Time$millisToPosix(0),
 			bk: $elm$time$Time$utc
 		}
 	};
@@ -7808,10 +7836,11 @@ var $author$project$Pages$Capture$init = function (session) {
 					$elm$browser$Browser$Dom$focus('capture-text'))
 				])));
 };
-var $author$project$Pages$CaptureTimers$AdjustTimeZone = function (a) {
-	return {$: 2, a: a};
-};
-var $author$project$Pages$CaptureTimers$GotCapture = function (a) {
+var $author$project$Pages$CaptureEdit$Model = F4(
+	function (session, capture, error, nav) {
+		return {M: capture, m: error, Y: nav, g: session};
+	});
+var $author$project$Pages$CaptureEdit$GotCapture = function (a) {
 	return {$: 1, a: a};
 };
 var $author$project$Endpoint$capture = function (idCapture) {
@@ -7826,6 +7855,38 @@ var $author$project$Endpoint$capture = function (idCapture) {
 		_List_Nil);
 };
 var $author$project$Capture$captureDataDecoder = A2($elm$json$Json$Decode$field, 'data', $author$project$Capture$captureDecoder);
+var $author$project$Pages$CaptureEdit$getCapture = F2(
+	function (token, idCapture) {
+		return $elm$http$Http$request(
+			{
+				bq: $elm$http$Http$emptyBody,
+				ap: A2($elm$http$Http$expectJson, $author$project$Pages$CaptureEdit$GotCapture, $author$project$Capture$captureDataDecoder),
+				aq: _List_fromArray(
+					[
+						A2($elm$http$Http$header, 'authorization', 'Bearer ' + token)
+					]),
+				as: 'GET',
+				aw: $elm$core$Maybe$Nothing,
+				az: $elm$core$Maybe$Nothing,
+				J: $author$project$Endpoint$toString(
+					$author$project$Endpoint$capture(idCapture))
+			});
+	});
+var $author$project$Pages$CaptureEdit$init = F2(
+	function (session, idCapture) {
+		return _Utils_Tuple2(
+			A4($author$project$Pages$CaptureEdit$Model, session, $author$project$Capture$initCapture, '', $author$project$UI$Nav$init),
+			A2(
+				$author$project$Pages$CaptureEdit$getCapture,
+				$author$project$Session$token(session),
+				idCapture));
+	});
+var $author$project$Pages$CaptureTimers$AdjustTimeZone = function (a) {
+	return {$: 2, a: a};
+};
+var $author$project$Pages$CaptureTimers$GotCapture = function (a) {
+	return {$: 1, a: a};
+};
 var $author$project$Pages$CaptureTimers$getCapture = F2(
 	function (token, idCapture) {
 		return $elm$http$Http$request(
@@ -7837,14 +7898,14 @@ var $author$project$Pages$CaptureTimers$getCapture = F2(
 						A2($elm$http$Http$header, 'authorization', 'Bearer ' + token)
 					]),
 				as: 'GET',
-				ax: $elm$core$Maybe$Nothing,
-				aA: $elm$core$Maybe$Nothing,
-				S: $author$project$Endpoint$toString(
+				aw: $elm$core$Maybe$Nothing,
+				az: $elm$core$Maybe$Nothing,
+				J: $author$project$Endpoint$toString(
 					$author$project$Endpoint$capture(idCapture))
 			});
 	});
 var $author$project$Pages$CaptureTimers$initModel = function (session) {
-	return {an: $author$project$Capture$initCapture, m: '', X: $author$project$UI$Nav$init, g: session, aS: $elm$time$Time$utc};
+	return {M: $author$project$Capture$initCapture, m: '', Y: $author$project$UI$Nav$init, g: session, aR: $elm$time$Time$utc};
 };
 var $author$project$Pages$CaptureTimers$init = F2(
 	function (session, idCapture) {
@@ -7878,7 +7939,7 @@ var $author$project$Pages$Session$GotPersonInfo = function (a) {
 };
 var $author$project$Pages$Session$PersonInfo = F3(
 	function (email, name, avatar) {
-		return {aX: avatar, a_: email, dQ: name};
+		return {aW: avatar, aZ: email, dQ: name};
 	});
 var $author$project$Pages$Session$personDecoder = A2(
 	$elm$json$Json$Decode$field,
@@ -7904,9 +7965,9 @@ var $author$project$Pages$Session$getPersonInfo = function (token) {
 					A2($elm$http$Http$header, 'authorization', 'Bearer ' + token)
 				]),
 			as: 'GET',
-			ax: $elm$core$Maybe$Nothing,
-			aA: $elm$core$Maybe$Nothing,
-			S: $author$project$Endpoint$toString($author$project$Endpoint$personInfo)
+			aw: $elm$core$Maybe$Nothing,
+			az: $elm$core$Maybe$Nothing,
+			J: $author$project$Endpoint$toString($author$project$Endpoint$personInfo)
 		});
 };
 var $author$project$Pages$Session$init = F2(
@@ -7958,6 +8019,9 @@ var $author$project$Pages$Auth$toSession = function (model) {
 var $author$project$Pages$Capture$toSession = function (model) {
 	return model.g;
 };
+var $author$project$Pages$CaptureEdit$toSession = function (model) {
+	return model.g;
+};
 var $author$project$Pages$CaptureTimers$toSession = function (model) {
 	return model.g;
 };
@@ -7987,6 +8051,9 @@ var $author$project$Main$toSession = function (page) {
 		case 5:
 			var m = page.a;
 			return $author$project$Pages$Capture$toSession(m);
+		case 6:
+			var m = page.a;
+			return $author$project$Pages$CaptureEdit$toSession(m);
 		default:
 			var m = page.a;
 			return $author$project$Pages$CaptureTimers$toSession(m);
@@ -8060,7 +8127,7 @@ var $author$project$Main$loadRoute = F2(
 						return _Utils_Tuple2(
 							$author$project$Main$Capture(subModel),
 							A2($elm$core$Platform$Cmd$map, $author$project$Main$GotCaptureMsg, subMsg));
-					default:
+					case 4:
 						var idCapture = maybeRoute.a.a;
 						var _v9 = A2($author$project$Pages$CaptureTimers$init, session, idCapture);
 						var subModel = _v9.a;
@@ -8068,6 +8135,14 @@ var $author$project$Main$loadRoute = F2(
 						return _Utils_Tuple2(
 							$author$project$Main$CaptureTimers(subModel),
 							A2($elm$core$Platform$Cmd$map, $author$project$Main$GotCaptureTimersMsg, subMsg));
+					default:
+						var idCapture = maybeRoute.a.a;
+						var _v10 = A2($author$project$Pages$CaptureEdit$init, session, idCapture);
+						var subModel = _v10.a;
+						var subMsg = _v10.b;
+						return _Utils_Tuple2(
+							$author$project$Main$CaptureEdit(subModel),
+							A2($elm$core$Platform$Cmd$map, $author$project$Main$GotCaptureEditMsg, subMsg));
 				}
 			}
 		}
@@ -8411,6 +8486,15 @@ var $author$project$Pages$Capture$subscriptions = function (model) {
 				$author$project$Session$navKey(model.g))
 			]));
 };
+var $author$project$Pages$CaptureEdit$GotSession = function (a) {
+	return {$: 0, a: a};
+};
+var $author$project$Pages$CaptureEdit$subscriptions = function (model) {
+	return A2(
+		$author$project$Session$changeSession,
+		$author$project$Pages$CaptureEdit$GotSession,
+		$author$project$Session$navKey(model.g));
+};
 var $author$project$Pages$CaptureTimers$GotSession = function (a) {
 	return {$: 0, a: a};
 };
@@ -8461,6 +8545,12 @@ var $author$project$Main$subscriptions = function (model) {
 				$author$project$Main$GotCaptureMsg,
 				$author$project$Pages$Capture$subscriptions(captureModel));
 		case 6:
+			var captureEditModel = model.a;
+			return A2(
+				$elm$core$Platform$Sub$map,
+				$author$project$Main$GotCaptureEditMsg,
+				$author$project$Pages$CaptureEdit$subscriptions(captureEditModel));
+		case 7:
 			var captureTimersModel = model.a;
 			return A2(
 				$elm$core$Platform$Sub$map,
@@ -8568,7 +8658,11 @@ var $author$project$Capture$captureEncode = function (capture) {
 				_Utils_Tuple2(
 				'completed',
 				$elm$json$Json$Encode$bool(
-					_Utils_eq(capture.av, $author$project$Capture$Completed)))
+					_Utils_eq(capture.av, $author$project$Capture$Completed))),
+				_Utils_Tuple2(
+				'tags',
+				$elm$json$Json$Encode$string(
+					A2($elm$core$String$join, ', ', capture.be)))
 			]));
 };
 var $elm$http$Http$jsonBody = function (value) {
@@ -8590,9 +8684,9 @@ var $author$project$Pages$Capture$apiSaveCapture = F2(
 						A2($elm$http$Http$header, 'authorization', 'Bearer ' + token)
 					]),
 				as: 'POST',
-				ax: $elm$core$Maybe$Nothing,
-				aA: $elm$core$Maybe$Nothing,
-				S: $author$project$Endpoint$toString($author$project$Endpoint$captures)
+				aw: $elm$core$Maybe$Nothing,
+				az: $elm$core$Maybe$Nothing,
+				J: $author$project$Endpoint$toString($author$project$Endpoint$captures)
 			});
 	});
 var $author$project$Pages$Capture$apiUpdateCapture = F2(
@@ -8607,9 +8701,9 @@ var $author$project$Pages$Capture$apiUpdateCapture = F2(
 						A2($elm$http$Http$header, 'authorization', 'Bearer ' + token)
 					]),
 				as: 'PUT',
-				ax: $elm$core$Maybe$Nothing,
-				aA: $elm$core$Maybe$Nothing,
-				S: $author$project$Endpoint$toString(
+				aw: $elm$core$Maybe$Nothing,
+				az: $elm$core$Maybe$Nothing,
+				J: $author$project$Endpoint$toString(
 					$author$project$Endpoint$capture(capture.bN))
 			});
 	});
@@ -8644,9 +8738,9 @@ var $author$project$Pages$Capture$startTimer = F2(
 						A2($elm$http$Http$header, 'authorization', 'Bearer ' + token)
 					]),
 				as: 'POST',
-				ax: $elm$core$Maybe$Nothing,
-				aA: $elm$core$Maybe$Nothing,
-				S: $author$project$Endpoint$toString(
+				aw: $elm$core$Maybe$Nothing,
+				az: $elm$core$Maybe$Nothing,
+				J: $author$project$Endpoint$toString(
 					$author$project$Endpoint$startTimer(idCapture))
 			});
 	});
@@ -8688,9 +8782,9 @@ var $author$project$Pages$Capture$stopTimer = F3(
 						A2($elm$http$Http$header, 'authorization', 'Bearer ' + token)
 					]),
 				as: 'PUT',
-				ax: $elm$core$Maybe$Nothing,
-				aA: $elm$core$Maybe$Nothing,
-				S: $author$project$Endpoint$toString(
+				aw: $elm$core$Maybe$Nothing,
+				az: $elm$core$Maybe$Nothing,
+				J: $author$project$Endpoint$toString(
 					A2($author$project$Endpoint$stopTimer, idTimer, idCapture))
 			});
 	});
@@ -8712,25 +8806,25 @@ var $author$project$Pages$Capture$update = F2(
 				return _Utils_Tuple2(model, $elm$core$Platform$Cmd$none);
 			case 9:
 				var zone = msg.a;
-				var timer = model.aa;
+				var timer = model.ab;
 				var newTimer = _Utils_update(
 					timer,
 					{bk: zone});
 				return _Utils_Tuple2(
 					_Utils_update(
 						model,
-						{aa: newTimer}),
+						{ab: newTimer}),
 					$elm$core$Platform$Cmd$none);
 			case 10:
 				var posix = msg.a;
-				var timer = model.aa;
+				var timer = model.ab;
 				var newTimer = _Utils_update(
 					timer,
-					{aO: posix});
+					{aN: posix});
 				return _Utils_Tuple2(
 					_Utils_update(
 						model,
-						{aa: newTimer}),
+						{ab: newTimer}),
 					$elm$core$Platform$Cmd$none);
 			case 0:
 				var session = msg.a;
@@ -8756,7 +8850,7 @@ var $author$project$Pages$Capture$update = F2(
 					return _Utils_Tuple2(
 						_Utils_update(
 							model,
-							{ae: captures, m: '', aN: 1}),
+							{af: captures, m: '', aM: 1}),
 						$elm$core$Platform$Cmd$none);
 				} else {
 					var httpError = result.a;
@@ -8847,31 +8941,31 @@ var $author$project$Pages$Capture$update = F2(
 				}
 			case 3:
 				var text = msg.a;
-				var capture = model.O;
+				var capture = model.Q;
 				var newCapture = _Utils_update(
 					capture,
 					{bf: text});
 				return _Utils_Tuple2(
 					_Utils_update(
 						model,
-						{O: newCapture}),
+						{Q: newCapture}),
 					$elm$core$Platform$Cmd$none);
 			case 4:
 				return _Utils_Tuple2(
 					_Utils_update(
 						model,
-						{O: $author$project$Capture$initCapture}),
+						{Q: $author$project$Capture$initCapture}),
 					A2(
 						$author$project$Pages$Capture$apiSaveCapture,
 						$author$project$Session$token(model.g),
-						model.O));
+						model.Q));
 			case 5:
 				var idCapture = msg.a;
-				var captures = A3($author$project$Pages$Capture$updateCapture, $author$project$Capture$Disabled, idCapture, model.ae);
+				var captures = A3($author$project$Pages$Capture$updateCapture, $author$project$Capture$Disabled, idCapture, model.af);
 				return _Utils_Tuple2(
 					_Utils_update(
 						model,
-						{ae: captures, aj: $author$project$Capture$InProgress}),
+						{af: captures, ak: $author$project$Capture$InProgress}),
 					A2(
 						$author$project$Pages$Capture$startTimer,
 						$author$project$Session$token(model.g),
@@ -8961,17 +9055,199 @@ var $author$project$Pages$Capture$update = F2(
 				return _Utils_Tuple2(
 					_Utils_update(
 						model,
-						{aj: status}),
+						{ak: status}),
 					$elm$core$Platform$Cmd$none);
 			default:
 				var navState = msg.a;
 				return _Utils_Tuple2(
 					_Utils_update(
 						model,
-						{X: navState}),
+						{Y: navState}),
 					$elm$core$Platform$Cmd$none);
 		}
 	});
+var $author$project$Pages$CaptureEdit$CaptureSaved = function (a) {
+	return {$: 6, a: a};
+};
+var $author$project$Pages$CaptureEdit$apiUpdateCapture = F2(
+	function (token, capture) {
+		return $elm$http$Http$request(
+			{
+				bq: $elm$http$Http$jsonBody(
+					$author$project$Capture$captureEncode(capture)),
+				ap: A2($elm$http$Http$expectJson, $author$project$Pages$CaptureEdit$CaptureSaved, $author$project$Capture$savedCaptureDecoder),
+				aq: _List_fromArray(
+					[
+						A2($elm$http$Http$header, 'authorization', 'Bearer ' + token)
+					]),
+				as: 'PUT',
+				aw: $elm$core$Maybe$Nothing,
+				az: $elm$core$Maybe$Nothing,
+				J: $author$project$Endpoint$toString(
+					$author$project$Endpoint$capture(capture.bN))
+			});
+	});
+var $elm$core$String$trim = _String_trim;
+var $author$project$Pages$CaptureEdit$update = F2(
+	function (msg, model) {
+		switch (msg.$) {
+			case 0:
+				var session = msg.a;
+				return $author$project$Session$isGuest(session) ? _Utils_Tuple2(
+					_Utils_update(
+						model,
+						{g: session}),
+					A2(
+						$author$project$Route$replaceUrl,
+						$author$project$Session$navKey(session),
+						$author$project$Route$Login)) : _Utils_Tuple2(
+					_Utils_update(
+						model,
+						{g: session}),
+					A2(
+						$author$project$Route$replaceUrl,
+						$author$project$Session$navKey(session),
+						$author$project$Route$Capture));
+			case 1:
+				var result = msg.a;
+				if (!result.$) {
+					var capture = result.a;
+					return _Utils_Tuple2(
+						_Utils_update(
+							model,
+							{M: capture, m: ''}),
+						$elm$core$Platform$Cmd$none);
+				} else {
+					var httpError = result.a;
+					_v2$2:
+					while (true) {
+						if (httpError.$ === 3) {
+							switch (httpError.a) {
+								case 401:
+									return _Utils_Tuple2(
+										_Utils_update(
+											model,
+											{m: 'Access not authorised'}),
+										$elm$core$Platform$Cmd$batch(
+											_List_fromArray(
+												[
+													$author$project$Session$logout,
+													A2(
+													$author$project$Route$replaceUrl,
+													$author$project$Session$navKey(model.g),
+													$author$project$Route$Login)
+												])));
+								case 404:
+									return _Utils_Tuple2(
+										_Utils_update(
+											model,
+											{m: 'Capture information can\'t be retrieved'}),
+										$elm$core$Platform$Cmd$none);
+								default:
+									break _v2$2;
+							}
+						} else {
+							break _v2$2;
+						}
+					}
+					return _Utils_Tuple2(
+						_Utils_update(
+							model,
+							{m: 'Error while getting the captures'}),
+						$elm$core$Platform$Cmd$none);
+				}
+			case 2:
+				var navState = msg.a;
+				return _Utils_Tuple2(
+					_Utils_update(
+						model,
+						{Y: navState}),
+					$elm$core$Platform$Cmd$none);
+			case 3:
+				var text = msg.a;
+				var capture = model.M;
+				var updatedCapture = _Utils_update(
+					capture,
+					{bf: text});
+				return _Utils_Tuple2(
+					_Utils_update(
+						model,
+						{M: updatedCapture}),
+					$elm$core$Platform$Cmd$none);
+			case 4:
+				var tags = msg.a;
+				var tagList = A2(
+					$elm$core$List$map,
+					$elm$core$String$trim,
+					A2($elm$core$String$split, ',', tags));
+				var capture = model.M;
+				var updatedCapture = _Utils_update(
+					capture,
+					{be: tagList});
+				return _Utils_Tuple2(
+					_Utils_update(
+						model,
+						{M: updatedCapture}),
+					$elm$core$Platform$Cmd$none);
+			case 5:
+				return _Utils_Tuple2(
+					model,
+					A2(
+						$author$project$Pages$CaptureEdit$apiUpdateCapture,
+						$author$project$Session$token(model.g),
+						model.M));
+			default:
+				var result = msg.a;
+				if (!result.$) {
+					return _Utils_Tuple2(
+						_Utils_update(
+							model,
+							{m: ''}),
+						A2(
+							$author$project$Route$replaceUrl,
+							$author$project$Session$navKey(model.g),
+							$author$project$Route$Capture));
+				} else {
+					var httpError = result.a;
+					_v4$2:
+					while (true) {
+						if (httpError.$ === 3) {
+							switch (httpError.a) {
+								case 401:
+									return _Utils_Tuple2(
+										_Utils_update(
+											model,
+											{m: 'Access not authorised'}),
+										$elm$core$Platform$Cmd$batch(
+											_List_fromArray(
+												[
+													$author$project$Session$logout,
+													A2(
+													$author$project$Route$replaceUrl,
+													$author$project$Session$navKey(model.g),
+													$author$project$Route$Login)
+												])));
+								case 404:
+									return _Utils_Tuple2(
+										_Utils_update(
+											model,
+											{m: 'create capture endpoint not found'}),
+										$elm$core$Platform$Cmd$none);
+								default:
+									break _v4$2;
+							}
+						} else {
+							break _v4$2;
+						}
+					}
+					return _Utils_Tuple2(
+						_Utils_update(
+							model,
+							{m: 'Error while creating the capture'}),
+						$elm$core$Platform$Cmd$none);
+				}
+		}
+	});
 var $author$project$Pages$CaptureTimers$update = F2(
 	function (msg, model) {
 		switch (msg.$) {
@@ -8980,7 +9256,7 @@ var $author$project$Pages$CaptureTimers$update = F2(
 				return _Utils_Tuple2(
 					_Utils_update(
 						model,
-						{aS: zone}),
+						{aR: zone}),
 					$elm$core$Platform$Cmd$none);
 			case 0:
 				var session = msg.a;
@@ -9006,7 +9282,7 @@ var $author$project$Pages$CaptureTimers$update = F2(
 					return _Utils_Tuple2(
 						_Utils_update(
 							model,
-							{an: capture, m: ''}),
+							{M: capture, m: ''}),
 						$elm$core$Platform$Cmd$none);
 				} else {
 					var httpError = result.a;
@@ -9052,7 +9328,7 @@ var $author$project$Pages$CaptureTimers$update = F2(
 				return _Utils_Tuple2(
 					_Utils_update(
 						model,
-						{X: navState}),
+						{Y: navState}),
 					$elm$core$Platform$Cmd$none);
 		}
 	});
@@ -9077,13 +9353,13 @@ var $author$project$Session$encode = function (person) {
 			[
 				_Utils_Tuple2(
 				'email',
-				$elm$json$Json$Encode$string(person.a_)),
+				$elm$json$Json$Encode$string(person.aZ)),
 				_Utils_Tuple2(
 				'token',
 				$elm$json$Json$Encode$string(person.bg)),
 				_Utils_Tuple2(
 				'avatar',
-				$elm$json$Json$Encode$string(person.aX))
+				$elm$json$Json$Encode$string(person.aW))
 			]));
 };
 var $author$project$Pages$Session$update = F2(
@@ -9092,7 +9368,7 @@ var $author$project$Pages$Session$update = F2(
 			var result = msg.a;
 			if (!result.$) {
 				var person = result.a;
-				var session = {aX: person.aX, a_: person.a_, bg: model.bg};
+				var session = {aW: person.aW, aZ: person.aZ, bg: model.bg};
 				return _Utils_Tuple2(
 					model,
 					$author$project$Session$storeSession(
@@ -9159,7 +9435,7 @@ var $author$project$Pages$Session$update = F2(
 var $author$project$Main$update = F2(
 	function (msg, model) {
 		var _v0 = _Utils_Tuple2(msg, model);
-		_v0$7:
+		_v0$8:
 		while (true) {
 			switch (_v0.a.$) {
 				case 1:
@@ -9195,7 +9471,7 @@ var $author$project$Main$update = F2(
 							$author$project$Main$Auth(subModel),
 							A2($elm$core$Platform$Cmd$map, $author$project$Main$GotAuthMsg, subMsg));
 					} else {
-						break _v0$7;
+						break _v0$8;
 					}
 				case 3:
 					if (_v0.b.$ === 1) {
@@ -9208,7 +9484,7 @@ var $author$project$Main$update = F2(
 							$author$project$Main$Session(subModel),
 							A2($elm$core$Platform$Cmd$map, $author$project$Main$GotPagesSessionMsg, subMsg));
 					} else {
-						break _v0$7;
+						break _v0$8;
 					}
 				case 4:
 					if (_v0.b.$ === 5) {
@@ -9221,33 +9497,46 @@ var $author$project$Main$update = F2(
 							$author$project$Main$Capture(subModel),
 							A2($elm$core$Platform$Cmd$map, $author$project$Main$GotCaptureMsg, subMsg));
 					} else {
-						break _v0$7;
+						break _v0$8;
 					}
 				case 5:
 					if (_v0.b.$ === 6) {
-						var captureTimersMsg = _v0.a.a;
-						var captureTimersModel = _v0.b.a;
-						var _v5 = A2($author$project$Pages$CaptureTimers$update, captureTimersMsg, captureTimersModel);
+						var captureEditMsg = _v0.a.a;
+						var captureEditModel = _v0.b.a;
+						var _v5 = A2($author$project$Pages$CaptureEdit$update, captureEditMsg, captureEditModel);
 						var subModel = _v5.a;
 						var subMsg = _v5.b;
+						return _Utils_Tuple2(
+							$author$project$Main$CaptureEdit(subModel),
+							A2($elm$core$Platform$Cmd$map, $author$project$Main$GotCaptureEditMsg, subMsg));
+					} else {
+						break _v0$8;
+					}
+				case 6:
+					if (_v0.b.$ === 7) {
+						var captureTimersMsg = _v0.a.a;
+						var captureTimersModel = _v0.b.a;
+						var _v6 = A2($author$project$Pages$CaptureTimers$update, captureTimersMsg, captureTimersModel);
+						var subModel = _v6.a;
+						var subMsg = _v6.b;
 						return _Utils_Tuple2(
 							$author$project$Main$CaptureTimers(subModel),
 							A2($elm$core$Platform$Cmd$map, $author$project$Main$GotCaptureTimersMsg, subMsg));
 					} else {
-						break _v0$7;
+						break _v0$8;
 					}
 				default:
 					if (_v0.b.$ === 4) {
 						var loginMsg = _v0.a.a;
 						var loginModel = _v0.b.a;
-						var _v6 = A2($author$project$Pages$Login$update, loginMsg, loginModel);
-						var subModel = _v6.a;
-						var subMsg = _v6.b;
+						var _v7 = A2($author$project$Pages$Login$update, loginMsg, loginModel);
+						var subModel = _v7.a;
+						var subMsg = _v7.b;
 						return _Utils_Tuple2(
 							$author$project$Main$Login(subModel),
 							A2($elm$core$Platform$Cmd$map, $author$project$Main$GotLoginMsg, subMsg));
 					} else {
-						break _v0$7;
+						break _v0$8;
 					}
 			}
 		}
@@ -9313,11 +9602,11 @@ var $mdgriffith$elm_ui$Internal$Model$Unkeyed = function (a) {
 };
 var $mdgriffith$elm_ui$Internal$Model$AsColumn = 1;
 var $mdgriffith$elm_ui$Internal$Model$asColumn = 1;
-var $mdgriffith$elm_ui$Internal$Style$classes = {cJ: 'a', aT: 'atv', cM: 'ab', cN: 'cx', cO: 'cy', cP: 'acb', cQ: 'accx', cR: 'accy', cS: 'acr', bm: 'al', bn: 'ar', cT: 'at', aU: 'ah', aV: 'av', cW: 's', c_: 'bh', c$: 'b', c0: 'w7', c2: 'bd', c3: 'bdt', aD: 'bn', c4: 'bs', aE: 'cpe', dc: 'cp', dd: 'cpx', de: 'cpy', K: 'c', aG: 'ctr', aH: 'cb', aI: 'ccx', L: 'ccy', ao: 'cl', aJ: 'cr', df: 'ct', dh: 'cptr', di: 'ctxt', du: 'fcs', bD: 'focus-within', dv: 'fs', dw: 'g', a0: 'hbh', a1: 'hc', bJ: 'he', a2: 'hf', bK: 'hfp', dy: 'hv', dC: 'ic', dE: 'fr', dG: 'iml', dH: 'imlf', dI: 'imlp', dJ: 'implw', dK: 'it', dM: 'i', bW: 'lnk', ah: 'nb', bZ: 'notxt', dZ: 'ol', d_: 'or', Y: 'oq', d3: 'oh', b2: 'pg', b3: 'p', d4: 'ppe', d9: 'ui', ci: 'r', eb: 'sb', ec: 'sbx', ed: 'sby', ee: 'sbt', eh: 'e', ei: 'cap', ej: 'sev', et: 'sk', bf: 't', ex: 'tc', ey: 'w8', ez: 'w2', eA: 'w9', eB: 'tj', aR: 'tja', eC: 'tl', eD: 'w3', eE: 'w5', eF: 'w4', eG: 'tr', eH: 'w6', eI: 'w1', eJ: 'tun', cz: 'ts', ab: 'clr', eO: 'u', bh: 'wc', cE: 'we', bi: 'wf', cF: 'wfp', bj: 'wrp'};
+var $mdgriffith$elm_ui$Internal$Style$classes = {cJ: 'a', aS: 'atv', cM: 'ab', cN: 'cx', cO: 'cy', cP: 'acb', cQ: 'accx', cR: 'accy', cS: 'acr', bm: 'al', bn: 'ar', cT: 'at', aT: 'ah', aU: 'av', cW: 's', c_: 'bh', c$: 'b', c0: 'w7', c2: 'bd', c3: 'bdt', aC: 'bn', c4: 'bs', aD: 'cpe', dc: 'cp', dd: 'cpx', de: 'cpy', N: 'c', aF: 'ctr', aG: 'cb', aH: 'ccx', O: 'ccy', ao: 'cl', aI: 'cr', df: 'ct', dh: 'cptr', di: 'ctxt', du: 'fcs', bD: 'focus-within', dv: 'fs', dw: 'g', a$: 'hbh', a0: 'hc', bJ: 'he', a1: 'hf', bK: 'hfp', dy: 'hv', dC: 'ic', dE: 'fr', dG: 'iml', dH: 'imlf', dI: 'imlp', dJ: 'implw', dK: 'it', dM: 'i', bW: 'lnk', ai: 'nb', bZ: 'notxt', dZ: 'ol', d_: 'or', Z: 'oq', d3: 'oh', b2: 'pg', b3: 'p', d4: 'ppe', d9: 'ui', ci: 'r', eb: 'sb', ec: 'sbx', ed: 'sby', ee: 'sbt', eh: 'e', ei: 'cap', ej: 'sev', et: 'sk', bf: 't', ex: 'tc', ey: 'w8', ez: 'w2', eA: 'w9', eB: 'tj', aQ: 'tja', eC: 'tl', eD: 'w3', eE: 'w5', eF: 'w4', eG: 'tr', eH: 'w6', eI: 'w1', eJ: 'tun', cz: 'ts', ac: 'clr', eO: 'u', bh: 'wc', cE: 'we', bi: 'wf', cF: 'wfp', bj: 'wrp'};
 var $mdgriffith$elm_ui$Internal$Model$Generic = {$: 0};
 var $mdgriffith$elm_ui$Internal$Model$div = $mdgriffith$elm_ui$Internal$Model$Generic;
 var $mdgriffith$elm_ui$Internal$Model$NoNearbyChildren = {$: 0};
-var $mdgriffith$elm_ui$Internal$Model$columnClass = $mdgriffith$elm_ui$Internal$Style$classes.cW + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.K);
+var $mdgriffith$elm_ui$Internal$Model$columnClass = $mdgriffith$elm_ui$Internal$Style$classes.cW + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.N);
 var $mdgriffith$elm_ui$Internal$Model$gridClass = $mdgriffith$elm_ui$Internal$Style$classes.cW + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.dw);
 var $mdgriffith$elm_ui$Internal$Model$pageClass = $mdgriffith$elm_ui$Internal$Style$classes.cW + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.b2);
 var $mdgriffith$elm_ui$Internal$Model$paragraphClass = $mdgriffith$elm_ui$Internal$Style$classes.cW + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.b3);
@@ -9647,11 +9936,11 @@ var $mdgriffith$elm_ui$Internal$Model$formatBoxShadow = function (shadow) {
 					$elm$core$Maybe$Just(
 					$elm$core$String$fromFloat(shadow.a.b) + 'px'),
 					$elm$core$Maybe$Just(
-					$elm$core$String$fromFloat(shadow.ad) + 'px'),
+					$elm$core$String$fromFloat(shadow.ae) + 'px'),
 					$elm$core$Maybe$Just(
 					$elm$core$String$fromFloat(shadow.co) + 'px'),
 					$elm$core$Maybe$Just(
-					$mdgriffith$elm_ui$Internal$Model$formatColor(shadow.af))
+					$mdgriffith$elm_ui$Internal$Model$formatColor(shadow.ag))
 				])));
 };
 var $elm$core$Tuple$mapFirst = F2(
@@ -9707,8 +9996,8 @@ var $mdgriffith$elm_ui$Internal$Model$renderFocusStyle = function (focus) {
 								'box-shadow',
 								$mdgriffith$elm_ui$Internal$Model$formatBoxShadow(
 									{
-										ad: shadow.ad,
-										af: shadow.af,
+										ae: shadow.ae,
+										ag: shadow.ag,
 										bP: false,
 										a: A2(
 											$elm$core$Tuple$mapSecond,
@@ -9755,8 +10044,8 @@ var $mdgriffith$elm_ui$Internal$Model$renderFocusStyle = function (focus) {
 								'box-shadow',
 								$mdgriffith$elm_ui$Internal$Model$formatBoxShadow(
 									{
-										ad: shadow.ad,
-										af: shadow.af,
+										ae: shadow.ae,
+										ag: shadow.ag,
 										bP: false,
 										a: A2(
 											$elm$core$Tuple$mapSecond,
@@ -9822,19 +10111,19 @@ var $mdgriffith$elm_ui$Internal$Style$contentName = function (desc) {
 			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.df);
 		case 1:
 			var _v2 = desc;
-			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aH);
+			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aG);
 		case 2:
 			var _v3 = desc;
-			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aJ);
+			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aI);
 		case 3:
 			var _v4 = desc;
 			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.ao);
 		case 4:
 			var _v5 = desc;
-			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aI);
+			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aH);
 		default:
 			var _v6 = desc;
-			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.L);
+			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.O);
 	}
 };
 var $mdgriffith$elm_ui$Internal$Style$selfName = function (desc) {
@@ -9892,7 +10181,7 @@ var $mdgriffith$elm_ui$Internal$Style$elDescription = _List_fromArray(
 		A2($mdgriffith$elm_ui$Internal$Style$Prop, 'white-space', 'pre'),
 		A2(
 		$mdgriffith$elm_ui$Internal$Style$Descriptor,
-		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a0),
+		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a$),
 		_List_fromArray(
 			[
 				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'z-index', '0'),
@@ -9916,7 +10205,7 @@ var $mdgriffith$elm_ui$Internal$Style$elDescription = _List_fromArray(
 					[
 						A2(
 						$mdgriffith$elm_ui$Internal$Style$Descriptor,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a2),
+						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a1),
 						_List_fromArray(
 							[
 								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '0')
@@ -9932,14 +10221,14 @@ var $mdgriffith$elm_ui$Internal$Style$elDescription = _List_fromArray(
 			])),
 		A2(
 		$mdgriffith$elm_ui$Internal$Style$Child,
-		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a1),
+		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a0),
 		_List_fromArray(
 			[
 				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', 'auto')
 			])),
 		A2(
 		$mdgriffith$elm_ui$Internal$Style$Child,
-		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a2),
+		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a1),
 		_List_fromArray(
 			[
 				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '100000')
@@ -10129,13 +10418,13 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 				$mdgriffith$elm_ui$Internal$Style$Descriptor,
 				_Utils_ap(
 					$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.cW),
-					$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a2)),
+					$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a1)),
 				_List_fromArray(
 					[
 						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', '100%'),
 						A2(
 						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a2),
+						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a1),
 						_List_fromArray(
 							[
 								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', '100%')
@@ -10148,7 +10437,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 					[
 						A2(
 						$mdgriffith$elm_ui$Internal$Style$Descriptor,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.ah),
+						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.ai),
 						_List_fromArray(
 							[
 								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'position', 'fixed')
@@ -10157,7 +10446,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 			])),
 		A2(
 		$mdgriffith$elm_ui$Internal$Style$Class,
-		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.ah),
+		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.ai),
 		_List_fromArray(
 			[
 				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'position', 'relative'),
@@ -10189,7 +10478,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin', '0 !important'),
 											A2(
 											$mdgriffith$elm_ui$Internal$Style$Child,
-											$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a2),
+											$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a1),
 											_List_fromArray(
 												[
 													A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', 'auto')
@@ -10233,7 +10522,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 												])),
 											A2(
 											$mdgriffith$elm_ui$Internal$Style$Child,
-											$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a2),
+											$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a1),
 											_List_fromArray(
 												[
 													A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', 'auto')
@@ -10392,21 +10681,21 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 					])),
 				A2(
 				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aE),
+				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aD),
 				_List_fromArray(
 					[
 						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'pointer-events', 'auto !important')
 					])),
 				A2(
 				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.ab),
+				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.ac),
 				_List_fromArray(
 					[
 						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'opacity', '0')
 					])),
 				A2(
 				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.Y),
+				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.Z),
 				_List_fromArray(
 					[
 						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'opacity', '1')
@@ -10414,7 +10703,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 				A2(
 				$mdgriffith$elm_ui$Internal$Style$Descriptor,
 				$mdgriffith$elm_ui$Internal$Style$dot(
-					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.dy, $mdgriffith$elm_ui$Internal$Style$classes.ab)) + ':hover',
+					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.dy, $mdgriffith$elm_ui$Internal$Style$classes.ac)) + ':hover',
 				_List_fromArray(
 					[
 						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'opacity', '0')
@@ -10422,7 +10711,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 				A2(
 				$mdgriffith$elm_ui$Internal$Style$Descriptor,
 				$mdgriffith$elm_ui$Internal$Style$dot(
-					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.dy, $mdgriffith$elm_ui$Internal$Style$classes.Y)) + ':hover',
+					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.dy, $mdgriffith$elm_ui$Internal$Style$classes.Z)) + ':hover',
 				_List_fromArray(
 					[
 						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'opacity', '1')
@@ -10430,7 +10719,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 				A2(
 				$mdgriffith$elm_ui$Internal$Style$Descriptor,
 				$mdgriffith$elm_ui$Internal$Style$dot(
-					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.du, $mdgriffith$elm_ui$Internal$Style$classes.ab)) + ':focus',
+					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.du, $mdgriffith$elm_ui$Internal$Style$classes.ac)) + ':focus',
 				_List_fromArray(
 					[
 						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'opacity', '0')
@@ -10438,7 +10727,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 				A2(
 				$mdgriffith$elm_ui$Internal$Style$Descriptor,
 				$mdgriffith$elm_ui$Internal$Style$dot(
-					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.du, $mdgriffith$elm_ui$Internal$Style$classes.Y)) + ':focus',
+					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.du, $mdgriffith$elm_ui$Internal$Style$classes.Z)) + ':focus',
 				_List_fromArray(
 					[
 						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'opacity', '1')
@@ -10446,7 +10735,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 				A2(
 				$mdgriffith$elm_ui$Internal$Style$Descriptor,
 				$mdgriffith$elm_ui$Internal$Style$dot(
-					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.aT, $mdgriffith$elm_ui$Internal$Style$classes.ab)) + ':active',
+					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.aS, $mdgriffith$elm_ui$Internal$Style$classes.ac)) + ':active',
 				_List_fromArray(
 					[
 						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'opacity', '0')
@@ -10454,7 +10743,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 				A2(
 				$mdgriffith$elm_ui$Internal$Style$Descriptor,
 				$mdgriffith$elm_ui$Internal$Style$dot(
-					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.aT, $mdgriffith$elm_ui$Internal$Style$classes.Y)) + ':active',
+					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.aS, $mdgriffith$elm_ui$Internal$Style$classes.Z)) + ':active',
 				_List_fromArray(
 					[
 						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'opacity', '1')
@@ -10508,7 +10797,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'overflow-y', 'auto'),
 						A2(
 						$mdgriffith$elm_ui$Internal$Style$Descriptor,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.K),
+						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.N),
 						_List_fromArray(
 							[
 								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-shrink', '1')
@@ -10551,7 +10840,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 					])),
 				A2(
 				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aD),
+				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aC),
 				_List_fromArray(
 					[
 						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'border-width', '0')
@@ -10627,7 +10916,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 							])),
 						A2(
 						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a2),
+						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a1),
 						_List_fromArray(
 							[
 								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-self', 'stretch !important')
@@ -10648,7 +10937,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 							])),
 						A2(
 						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aG),
+						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aF),
 						_List_fromArray(
 							[
 								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '0'),
@@ -10785,7 +11074,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 					])),
 				A2(
 				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.K),
+				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.N),
 				_List_fromArray(
 					[
 						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'flex'),
@@ -10805,7 +11094,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 									])),
 								A2(
 								$mdgriffith$elm_ui$Internal$Style$Descriptor,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.K),
+								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.N),
 								_List_fromArray(
 									[
 										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-basis', 'auto')
@@ -10813,7 +11102,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 							])),
 						A2(
 						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a2),
+						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a1),
 						_List_fromArray(
 							[
 								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '100000')
@@ -10969,7 +11258,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 						}),
 						A2(
 						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aG),
+						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aF),
 						_List_fromArray(
 							[
 								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '0'),
@@ -11170,7 +11459,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'white-space', 'normal'),
 						A2(
 						$mdgriffith$elm_ui$Internal$Style$Descriptor,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a0),
+						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.a$),
 						_List_fromArray(
 							[
 								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'z-index', '0'),
@@ -11271,7 +11560,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 							])),
 						A2(
 						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.K),
+						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.N),
 						_List_fromArray(
 							[
 								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'inline-flex')
@@ -11431,7 +11720,7 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 					])),
 				A2(
 				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aR),
+				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aQ),
 				_List_fromArray(
 					[
 						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'text-align', 'justify-all')
@@ -11569,14 +11858,14 @@ var $mdgriffith$elm_ui$Internal$Style$inputTextReset = '\ninput[type="search"],\
 var $mdgriffith$elm_ui$Internal$Style$sliderReset = '\ninput[type=range] {\n  -webkit-appearance: none; \n  background: transparent;\n  position:absolute;\n  left:0;\n  top:0;\n  z-index:10;\n  width: 100%;\n  outline: dashed 1px;\n  height: 100%;\n  opacity: 0;\n}\n';
 var $mdgriffith$elm_ui$Internal$Style$thumbReset = '\ninput[type=range]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    opacity: 0.5;\n    width: 80px;\n    height: 80px;\n    background-color: black;\n    border:none;\n    border-radius: 5px;\n}\ninput[type=range]::-moz-range-thumb {\n    opacity: 0.5;\n    width: 80px;\n    height: 80px;\n    background-color: black;\n    border:none;\n    border-radius: 5px;\n}\ninput[type=range]::-ms-thumb {\n    opacity: 0.5;\n    width: 80px;\n    height: 80px;\n    background-color: black;\n    border:none;\n    border-radius: 5px;\n}\ninput[type=range][orient=vertical]{\n    writing-mode: bt-lr; /* IE */\n    -webkit-appearance: slider-vertical;  /* WebKit */\n}\n';
 var $mdgriffith$elm_ui$Internal$Style$trackReset = '\ninput[type=range]::-moz-range-track {\n    background: transparent;\n    cursor: pointer;\n}\ninput[type=range]::-ms-track {\n    background: transparent;\n    cursor: pointer;\n}\ninput[type=range]::-webkit-slider-runnable-track {\n    background: transparent;\n    cursor: pointer;\n}\n';
-var $mdgriffith$elm_ui$Internal$Style$overrides = '@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {' + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.cW) + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.ci) + (' > ' + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.cW) + (' { flex-basis: auto !important; } ' + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.cW) + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.ci) + (' > ' + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.cW) + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aG) + (' { flex-basis: auto !important; }}' + ($mdgriffith$elm_ui$Internal$Style$inputTextReset + ($mdgriffith$elm_ui$Internal$Style$sliderReset + ($mdgriffith$elm_ui$Internal$Style$trackReset + ($mdgriffith$elm_ui$Internal$Style$thumbReset + $mdgriffith$elm_ui$Internal$Style$explainer)))))))))))))));
+var $mdgriffith$elm_ui$Internal$Style$overrides = '@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {' + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.cW) + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.ci) + (' > ' + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.cW) + (' { flex-basis: auto !important; } ' + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.cW) + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.ci) + (' > ' + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.cW) + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.aF) + (' { flex-basis: auto !important; }}' + ($mdgriffith$elm_ui$Internal$Style$inputTextReset + ($mdgriffith$elm_ui$Internal$Style$sliderReset + ($mdgriffith$elm_ui$Internal$Style$trackReset + ($mdgriffith$elm_ui$Internal$Style$thumbReset + $mdgriffith$elm_ui$Internal$Style$explainer)))))))))))))));
 var $elm$core$String$concat = function (strings) {
 	return A2($elm$core$String$join, '', strings);
 };
 var $mdgriffith$elm_ui$Internal$Style$Intermediate = $elm$core$Basics$identity;
 var $mdgriffith$elm_ui$Internal$Style$emptyIntermediate = F2(
 	function (selector, closing) {
-		return {aF: closing, q: _List_Nil, Q: _List_Nil, H: selector};
+		return {aE: closing, q: _List_Nil, S: _List_Nil, I: selector};
 	});
 var $mdgriffith$elm_ui$Internal$Style$renderRules = F2(
 	function (_v0, rulesToRender) {
@@ -11590,10 +11879,10 @@ var $mdgriffith$elm_ui$Internal$Style$renderRules = F2(
 						return _Utils_update(
 							rendered,
 							{
-								Q: A2(
+								S: A2(
 									$elm$core$List$cons,
 									_Utils_Tuple2(name, val),
-									rendered.Q)
+									rendered.S)
 							});
 					case 2:
 						var _v2 = rule.a;
@@ -11605,7 +11894,7 @@ var $mdgriffith$elm_ui$Internal$Style$renderRules = F2(
 							{
 								q: A2(
 									$elm$core$List$cons,
-									{aF: '\n}', q: _List_Nil, Q: props, H: '@supports (' + (prop + (':' + (value + (') {' + parent.H))))},
+									{aE: '\n}', q: _List_Nil, S: props, I: '@supports (' + (prop + (':' + (value + (') {' + parent.I))))},
 									rendered.q)
 							});
 					case 4:
@@ -11618,7 +11907,7 @@ var $mdgriffith$elm_ui$Internal$Style$renderRules = F2(
 									$elm$core$List$cons,
 									A2(
 										$mdgriffith$elm_ui$Internal$Style$renderRules,
-										A2($mdgriffith$elm_ui$Internal$Style$emptyIntermediate, parent.H + (' + ' + selector), ''),
+										A2($mdgriffith$elm_ui$Internal$Style$emptyIntermediate, parent.I + (' + ' + selector), ''),
 										adjRules),
 									rendered.q)
 							});
@@ -11632,7 +11921,7 @@ var $mdgriffith$elm_ui$Internal$Style$renderRules = F2(
 									$elm$core$List$cons,
 									A2(
 										$mdgriffith$elm_ui$Internal$Style$renderRules,
-										A2($mdgriffith$elm_ui$Internal$Style$emptyIntermediate, parent.H + (' > ' + child), ''),
+										A2($mdgriffith$elm_ui$Internal$Style$emptyIntermediate, parent.I + (' > ' + child), ''),
 										childRules),
 									rendered.q)
 							});
@@ -11648,7 +11937,7 @@ var $mdgriffith$elm_ui$Internal$Style$renderRules = F2(
 										$mdgriffith$elm_ui$Internal$Style$renderRules,
 										A2(
 											$mdgriffith$elm_ui$Internal$Style$emptyIntermediate,
-											_Utils_ap(parent.H, descriptor),
+											_Utils_ap(parent.I, descriptor),
 											''),
 										descriptorRules),
 									rendered.q)
@@ -11662,7 +11951,7 @@ var $mdgriffith$elm_ui$Internal$Style$renderRules = F2(
 									$elm$core$List$cons,
 									A2(
 										$mdgriffith$elm_ui$Internal$Style$renderRules,
-										A2($mdgriffith$elm_ui$Internal$Style$emptyIntermediate, parent.H, ''),
+										A2($mdgriffith$elm_ui$Internal$Style$emptyIntermediate, parent.I, ''),
 										batched),
 									rendered.q)
 							});
@@ -11683,11 +11972,11 @@ var $mdgriffith$elm_ui$Internal$Style$renderCompact = function (styleClasses) {
 				values));
 	};
 	var renderClass = function (rule) {
-		var _v2 = rule.Q;
+		var _v2 = rule.S;
 		if (!_v2.b) {
 			return '';
 		} else {
-			return rule.H + ('{' + (renderValues(rule.Q) + (rule.aF + '}')));
+			return rule.I + ('{' + (renderValues(rule.S) + (rule.aE + '}')));
 		}
 	};
 	var renderIntermediate = function (_v0) {
@@ -12073,7 +12362,7 @@ var $mdgriffith$elm_ui$Internal$Model$renderStyleRule = F3(
 				var left = '.' + $mdgriffith$elm_ui$Internal$Style$classes.bm;
 				var halfY = $elm$core$String$fromFloat(y / 2) + 'px';
 				var halfX = $elm$core$String$fromFloat(x / 2) + 'px';
-				var column = '.' + $mdgriffith$elm_ui$Internal$Style$classes.K;
+				var column = '.' + $mdgriffith$elm_ui$Internal$Style$classes.N;
 				var _class = '.' + cls;
 				var any = '.' + $mdgriffith$elm_ui$Internal$Style$classes.cW;
 				return $elm$core$List$concat(
@@ -12702,16 +12991,16 @@ var $mdgriffith$elm_ui$Internal$Model$toStyleSheetString = F2(
 		var combine = F2(
 			function (style, rendered) {
 				return {
-					aP: _Utils_ap(
-						rendered.aP,
+					aO: _Utils_ap(
+						rendered.aO,
 						A3($mdgriffith$elm_ui$Internal$Model$renderStyleRule, options, style, $elm$core$Maybe$Nothing)),
-					az: function () {
+					ay: function () {
 						var _v1 = $mdgriffith$elm_ui$Internal$Model$topLevelValue(style);
 						if (_v1.$ === 1) {
-							return rendered.az;
+							return rendered.ay;
 						} else {
 							var topLevel = _v1.a;
-							return A2($elm$core$List$cons, topLevel, rendered.az);
+							return A2($elm$core$List$cons, topLevel, rendered.ay);
 						}
 					}()
 				};
@@ -12719,10 +13008,10 @@ var $mdgriffith$elm_ui$Internal$Model$toStyleSheetString = F2(
 		var _v0 = A3(
 			$elm$core$List$foldl,
 			combine,
-			{aP: _List_Nil, az: _List_Nil},
+			{aO: _List_Nil, ay: _List_Nil},
 			stylesheet);
-		var topLevel = _v0.az;
-		var rules = _v0.aP;
+		var topLevel = _v0.ay;
+		var rules = _v0.aO;
 		return _Utils_ap(
 			$mdgriffith$elm_ui$Internal$Model$renderTopLevelValues(topLevel),
 			$elm$core$String$concat(rules));
@@ -12936,7 +13225,7 @@ var $mdgriffith$elm_ui$Internal$Model$finalizeNode = F6(
 								$elm$core$String$join,
 								' ',
 								_List_fromArray(
-									[$mdgriffith$elm_ui$Internal$Style$classes.cW, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.aG, $mdgriffith$elm_ui$Internal$Style$classes.L, $mdgriffith$elm_ui$Internal$Style$classes.cS])))
+									[$mdgriffith$elm_ui$Internal$Style$classes.cW, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.aF, $mdgriffith$elm_ui$Internal$Style$classes.O, $mdgriffith$elm_ui$Internal$Style$classes.cS])))
 						]),
 					_List_fromArray(
 						[html])) : (A2($mdgriffith$elm_ui$Internal$Flag$present, $mdgriffith$elm_ui$Internal$Flag$centerX, has) ? A2(
@@ -12948,7 +13237,7 @@ var $mdgriffith$elm_ui$Internal$Model$finalizeNode = F6(
 								$elm$core$String$join,
 								' ',
 								_List_fromArray(
-									[$mdgriffith$elm_ui$Internal$Style$classes.cW, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.aG, $mdgriffith$elm_ui$Internal$Style$classes.L, $mdgriffith$elm_ui$Internal$Style$classes.cQ])))
+									[$mdgriffith$elm_ui$Internal$Style$classes.cW, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.aF, $mdgriffith$elm_ui$Internal$Style$classes.O, $mdgriffith$elm_ui$Internal$Style$classes.cQ])))
 						]),
 					_List_fromArray(
 						[html])) : html));
@@ -12962,7 +13251,7 @@ var $mdgriffith$elm_ui$Internal$Model$finalizeNode = F6(
 								$elm$core$String$join,
 								' ',
 								_List_fromArray(
-									[$mdgriffith$elm_ui$Internal$Style$classes.cW, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.aG, $mdgriffith$elm_ui$Internal$Style$classes.cR])))
+									[$mdgriffith$elm_ui$Internal$Style$classes.cW, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.aF, $mdgriffith$elm_ui$Internal$Style$classes.cR])))
 						]),
 					_List_fromArray(
 						[html])) : (A2($mdgriffith$elm_ui$Internal$Flag$present, $mdgriffith$elm_ui$Internal$Flag$alignBottom, has) ? A2(
@@ -12974,7 +13263,7 @@ var $mdgriffith$elm_ui$Internal$Model$finalizeNode = F6(
 								$elm$core$String$join,
 								' ',
 								_List_fromArray(
-									[$mdgriffith$elm_ui$Internal$Style$classes.cW, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.aG, $mdgriffith$elm_ui$Internal$Style$classes.cP])))
+									[$mdgriffith$elm_ui$Internal$Style$classes.cW, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.aF, $mdgriffith$elm_ui$Internal$Style$classes.cP])))
 						]),
 					_List_fromArray(
 						[html])) : html));
@@ -12989,7 +13278,7 @@ var $elm$core$List$isEmpty = function (xs) {
 		return false;
 	}
 };
-var $mdgriffith$elm_ui$Internal$Model$textElementClasses = $mdgriffith$elm_ui$Internal$Style$classes.cW + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.bf + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.bh + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.a1)))));
+var $mdgriffith$elm_ui$Internal$Model$textElementClasses = $mdgriffith$elm_ui$Internal$Style$classes.cW + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.bf + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.bh + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.a0)))));
 var $mdgriffith$elm_ui$Internal$Model$textElement = function (str) {
 	return A2(
 		$elm$html$Html$div,
@@ -13002,7 +13291,7 @@ var $mdgriffith$elm_ui$Internal$Model$textElement = function (str) {
 				$elm$html$Html$text(str)
 			]));
 };
-var $mdgriffith$elm_ui$Internal$Model$textElementFillClasses = $mdgriffith$elm_ui$Internal$Style$classes.cW + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.bf + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.bi + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.a2)))));
+var $mdgriffith$elm_ui$Internal$Model$textElementFillClasses = $mdgriffith$elm_ui$Internal$Style$classes.cW + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.bf + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.bi + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.a1)))));
 var $mdgriffith$elm_ui$Internal$Model$textElementFill = function (str) {
 	return A2(
 		$elm$html$Html$div,
@@ -13129,9 +13418,9 @@ var $mdgriffith$elm_ui$Internal$Model$createElement = F3(
 				return $mdgriffith$elm_ui$Internal$Model$Unstyled(
 					A5(
 						$mdgriffith$elm_ui$Internal$Model$finalizeNode,
-						rendered.W,
+						rendered.X,
 						rendered.b_,
-						rendered.T,
+						rendered.U,
 						$mdgriffith$elm_ui$Internal$Model$Keyed(
 							A3($mdgriffith$elm_ui$Internal$Model$addKeyedChildren, 'nearby-element-pls', keyed, rendered.db)),
 						$mdgriffith$elm_ui$Internal$Model$NoStyleSheet));
@@ -13141,9 +13430,9 @@ var $mdgriffith$elm_ui$Internal$Model$createElement = F3(
 					{
 						dz: A4(
 							$mdgriffith$elm_ui$Internal$Model$finalizeNode,
-							rendered.W,
+							rendered.X,
 							rendered.b_,
-							rendered.T,
+							rendered.U,
 							$mdgriffith$elm_ui$Internal$Model$Keyed(
 								A3($mdgriffith$elm_ui$Internal$Model$addKeyedChildren, 'nearby-element-pls', keyed, rendered.db))),
 						cs: allStyles
@@ -13163,9 +13452,9 @@ var $mdgriffith$elm_ui$Internal$Model$createElement = F3(
 				return $mdgriffith$elm_ui$Internal$Model$Unstyled(
 					A5(
 						$mdgriffith$elm_ui$Internal$Model$finalizeNode,
-						rendered.W,
+						rendered.X,
 						rendered.b_,
-						rendered.T,
+						rendered.U,
 						$mdgriffith$elm_ui$Internal$Model$Unkeyed(
 							A2($mdgriffith$elm_ui$Internal$Model$addChildren, unkeyed, rendered.db)),
 						$mdgriffith$elm_ui$Internal$Model$NoStyleSheet));
@@ -13175,9 +13464,9 @@ var $mdgriffith$elm_ui$Internal$Model$createElement = F3(
 					{
 						dz: A4(
 							$mdgriffith$elm_ui$Internal$Model$finalizeNode,
-							rendered.W,
+							rendered.X,
 							rendered.b_,
-							rendered.T,
+							rendered.U,
 							$mdgriffith$elm_ui$Internal$Model$Unkeyed(
 								A2($mdgriffith$elm_ui$Internal$Model$addChildren, unkeyed, rendered.db))),
 						cs: allStyles
@@ -13233,37 +13522,37 @@ var $mdgriffith$elm_ui$Internal$Model$nearbyElement = F2(
 									$elm$core$String$join,
 									' ',
 									_List_fromArray(
-										[$mdgriffith$elm_ui$Internal$Style$classes.ah, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.cJ]));
+										[$mdgriffith$elm_ui$Internal$Style$classes.ai, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.cJ]));
 							case 1:
 								return A2(
 									$elm$core$String$join,
 									' ',
 									_List_fromArray(
-										[$mdgriffith$elm_ui$Internal$Style$classes.ah, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.c$]));
+										[$mdgriffith$elm_ui$Internal$Style$classes.ai, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.c$]));
 							case 2:
 								return A2(
 									$elm$core$String$join,
 									' ',
 									_List_fromArray(
-										[$mdgriffith$elm_ui$Internal$Style$classes.ah, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.d_]));
+										[$mdgriffith$elm_ui$Internal$Style$classes.ai, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.d_]));
 							case 3:
 								return A2(
 									$elm$core$String$join,
 									' ',
 									_List_fromArray(
-										[$mdgriffith$elm_ui$Internal$Style$classes.ah, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.dZ]));
+										[$mdgriffith$elm_ui$Internal$Style$classes.ai, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.dZ]));
 							case 4:
 								return A2(
 									$elm$core$String$join,
 									' ',
 									_List_fromArray(
-										[$mdgriffith$elm_ui$Internal$Style$classes.ah, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.dE]));
+										[$mdgriffith$elm_ui$Internal$Style$classes.ai, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.dE]));
 							default:
 								return A2(
 									$elm$core$String$join,
 									' ',
 									_List_fromArray(
-										[$mdgriffith$elm_ui$Internal$Style$classes.ah, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.c_]));
+										[$mdgriffith$elm_ui$Internal$Style$classes.ai, $mdgriffith$elm_ui$Internal$Style$classes.eh, $mdgriffith$elm_ui$Internal$Style$classes.c_]));
 						}
 					}())
 				]),
@@ -13364,21 +13653,21 @@ var $mdgriffith$elm_ui$Internal$Model$addNodeName = F2(
 var $mdgriffith$elm_ui$Internal$Model$alignXName = function (align) {
 	switch (align) {
 		case 0:
-			return $mdgriffith$elm_ui$Internal$Style$classes.aU + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.bm);
+			return $mdgriffith$elm_ui$Internal$Style$classes.aT + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.bm);
 		case 2:
-			return $mdgriffith$elm_ui$Internal$Style$classes.aU + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.bn);
+			return $mdgriffith$elm_ui$Internal$Style$classes.aT + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.bn);
 		default:
-			return $mdgriffith$elm_ui$Internal$Style$classes.aU + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.cN);
+			return $mdgriffith$elm_ui$Internal$Style$classes.aT + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.cN);
 	}
 };
 var $mdgriffith$elm_ui$Internal$Model$alignYName = function (align) {
 	switch (align) {
 		case 0:
-			return $mdgriffith$elm_ui$Internal$Style$classes.aV + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.cT);
+			return $mdgriffith$elm_ui$Internal$Style$classes.aU + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.cT);
 		case 2:
-			return $mdgriffith$elm_ui$Internal$Style$classes.aV + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.cM);
+			return $mdgriffith$elm_ui$Internal$Style$classes.aU + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.cM);
 		default:
-			return $mdgriffith$elm_ui$Internal$Style$classes.aV + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.cO);
+			return $mdgriffith$elm_ui$Internal$Style$classes.aU + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.cO);
 	}
 };
 var $elm$virtual_dom$VirtualDom$attribute = F2(
@@ -13545,13 +13834,13 @@ var $mdgriffith$elm_ui$Internal$Model$renderHeight = function (h) {
 		case 1:
 			return _Utils_Tuple3(
 				A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$heightContent, $mdgriffith$elm_ui$Internal$Flag$none),
-				$mdgriffith$elm_ui$Internal$Style$classes.a1,
+				$mdgriffith$elm_ui$Internal$Style$classes.a0,
 				_List_Nil);
 		case 2:
 			var portion = h.a;
 			return (portion === 1) ? _Utils_Tuple3(
 				A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$heightFill, $mdgriffith$elm_ui$Internal$Flag$none),
-				$mdgriffith$elm_ui$Internal$Style$classes.a2,
+				$mdgriffith$elm_ui$Internal$Style$classes.a1,
 				_List_Nil) : _Utils_Tuple3(
 				A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$heightFill, $mdgriffith$elm_ui$Internal$Flag$none),
 				$mdgriffith$elm_ui$Internal$Style$classes.bK + (' height-fill-' + $elm$core$String$fromInt(portion)),
@@ -13559,7 +13848,7 @@ var $mdgriffith$elm_ui$Internal$Model$renderHeight = function (h) {
 					[
 						A3(
 						$mdgriffith$elm_ui$Internal$Model$Single,
-						$mdgriffith$elm_ui$Internal$Style$classes.cW + ('.' + ($mdgriffith$elm_ui$Internal$Style$classes.K + (' > ' + $mdgriffith$elm_ui$Internal$Style$dot(
+						$mdgriffith$elm_ui$Internal$Style$classes.cW + ('.' + ($mdgriffith$elm_ui$Internal$Style$classes.N + (' > ' + $mdgriffith$elm_ui$Internal$Style$dot(
 							'height-fill-' + $elm$core$String$fromInt(portion))))),
 						'flex-grow',
 						$elm$core$String$fromInt(portion * 100000))
@@ -13730,24 +14019,24 @@ var $mdgriffith$elm_ui$Internal$Model$gatherAttrRecursive = F8(
 				var _v1 = $mdgriffith$elm_ui$Internal$Model$transformClass(transform);
 				if (_v1.$ === 1) {
 					return {
-						T: A2(
+						U: A2(
 							$elm$core$List$cons,
 							$elm$html$Html$Attributes$class(classes),
 							attrs),
 						db: children,
-						W: has,
+						X: has,
 						b_: node,
 						cs: styles
 					};
 				} else {
 					var _class = _v1.a;
 					return {
-						T: A2(
+						U: A2(
 							$elm$core$List$cons,
 							$elm$html$Html$Attributes$class(classes + (' ' + _class)),
 							attrs),
 						db: children,
-						W: has,
+						X: has,
 						b_: node,
 						cs: A2(
 							$elm$core$List$cons,
@@ -14112,7 +14401,7 @@ var $mdgriffith$elm_ui$Internal$Model$gatherAttrRecursive = F8(
 									elementAttrs = $temp$elementAttrs;
 									continue gatherAttrRecursive;
 								case 1:
-									var $temp$classes = $mdgriffith$elm_ui$Internal$Style$classes.a1 + (' ' + classes),
+									var $temp$classes = $mdgriffith$elm_ui$Internal$Style$classes.a0 + (' ' + classes),
 										$temp$node = node,
 										$temp$has = A2(
 										$mdgriffith$elm_ui$Internal$Flag$add,
@@ -14135,7 +14424,7 @@ var $mdgriffith$elm_ui$Internal$Model$gatherAttrRecursive = F8(
 								case 2:
 									var portion = height.a;
 									if (portion === 1) {
-										var $temp$classes = $mdgriffith$elm_ui$Internal$Style$classes.a2 + (' ' + classes),
+										var $temp$classes = $mdgriffith$elm_ui$Internal$Style$classes.a1 + (' ' + classes),
 											$temp$node = node,
 											$temp$has = A2(
 											$mdgriffith$elm_ui$Internal$Flag$add,
@@ -14167,7 +14456,7 @@ var $mdgriffith$elm_ui$Internal$Model$gatherAttrRecursive = F8(
 											$elm$core$List$cons,
 											A3(
 												$mdgriffith$elm_ui$Internal$Model$Single,
-												$mdgriffith$elm_ui$Internal$Style$classes.cW + ('.' + ($mdgriffith$elm_ui$Internal$Style$classes.K + (' > ' + $mdgriffith$elm_ui$Internal$Style$dot(
+												$mdgriffith$elm_ui$Internal$Style$classes.cW + ('.' + ($mdgriffith$elm_ui$Internal$Style$classes.N + (' > ' + $mdgriffith$elm_ui$Internal$Style$dot(
 													'height-fill-' + $elm$core$String$fromInt(portion))))),
 												'flex-grow',
 												$elm$core$String$fromInt(portion * 100000)),
@@ -14713,8 +15002,8 @@ var $author$project$Asset$imagePath = function (_v0) {
 var $elm$html$Html$Attributes$rel = _VirtualDom_attribute('rel');
 var $mdgriffith$elm_ui$Element$link = F2(
 	function (attrs, _v0) {
-		var url = _v0.S;
-		var label = _v0.M;
+		var url = _v0.J;
+		var label = _v0.G;
 		return A4(
 			$mdgriffith$elm_ui$Internal$Model$element,
 			$mdgriffith$elm_ui$Internal$Model$asEl,
@@ -14735,7 +15024,7 @@ var $mdgriffith$elm_ui$Element$link = F2(
 							$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
 							A2(
 								$elm$core$List$cons,
-								$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.aI + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.L + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.bW)))),
+								$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.aH + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.O + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.bW)))),
 								attrs))))),
 			$mdgriffith$elm_ui$Internal$Model$Unkeyed(
 				_List_fromArray(
@@ -14779,7 +15068,7 @@ var $author$project$UI$UI$dwylLogo = A2(
 		$mdgriffith$elm_ui$Element$link,
 		_List_Nil,
 		{
-			M: A2(
+			G: A2(
 				$mdgriffith$elm_ui$Element$image,
 				_List_fromArray(
 					[$mdgriffith$elm_ui$Element$centerX]),
@@ -14787,7 +15076,7 @@ var $author$project$UI$UI$dwylLogo = A2(
 					dl: 'DWYL Logo',
 					em: $author$project$Asset$imagePath($author$project$Asset$logo)
 				}),
-			S: $author$project$Route$routeToString($author$project$Route$Capture)
+			J: $author$project$Route$routeToString($author$project$Route$Capture)
 		}));
 var $mdgriffith$elm_ui$Internal$Model$FontFamily = F2(
 	function (a, b) {
@@ -14863,8 +15152,8 @@ var $mdgriffith$elm_ui$Internal$Model$focusDefaultStyle = {
 	c1: $elm$core$Maybe$Nothing,
 	eg: $elm$core$Maybe$Just(
 		{
-			ad: 0,
-			af: A4($mdgriffith$elm_ui$Internal$Model$Rgba, 155 / 255, 203 / 255, 1, 1),
+			ae: 0,
+			ag: A4($mdgriffith$elm_ui$Internal$Model$Rgba, 155 / 255, 203 / 255, 1, 1),
 			a: _Utils_Tuple2(0, 0),
 			co: 3
 		})
@@ -15184,7 +15473,7 @@ var $author$project$Session$avatar = function (session) {
 		return '';
 	} else {
 		var person = session.b;
-		return person.aX;
+		return person.aW;
 	}
 };
 var $mdgriffith$elm_ui$Internal$Flag$fontWeight = $mdgriffith$elm_ui$Internal$Flag$flag(13);
@@ -15276,8 +15565,8 @@ var $elm$html$Html$Attributes$tabindex = function (n) {
 };
 var $mdgriffith$elm_ui$Element$Input$button = F2(
 	function (attrs, _v0) {
-		var onPress = _v0.a7;
-		var label = _v0.M;
+		var onPress = _v0.a6;
+		var label = _v0.G;
 		return A4(
 			$mdgriffith$elm_ui$Internal$Model$element,
 			$mdgriffith$elm_ui$Internal$Model$asEl,
@@ -15290,7 +15579,7 @@ var $mdgriffith$elm_ui$Element$Input$button = F2(
 					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
 					A2(
 						$elm$core$List$cons,
-						$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.aI + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.L + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.ee + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.bZ)))))),
+						$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.aH + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.O + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.ee + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.bZ)))))),
 						A2(
 							$elm$core$List$cons,
 							$mdgriffith$elm_ui$Element$pointer,
@@ -15437,7 +15726,7 @@ var $mdgriffith$elm_ui$Element$row = F2(
 			$mdgriffith$elm_ui$Internal$Model$div,
 			A2(
 				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.ao + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.L)),
+				$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.ao + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.O)),
 				A2(
 					$elm$core$List$cons,
 					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
@@ -15572,7 +15861,7 @@ var $mdgriffith$elm_ui$Element$Input$space = ' ';
 var $mdgriffith$elm_ui$Element$Input$tabindex = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Attr, $elm$html$Html$Attributes$tabindex);
 var $mdgriffith$elm_ui$Element$Input$checkbox = F2(
 	function (attrs, _v0) {
-		var label = _v0.M;
+		var label = _v0.G;
 		var icon = _v0.dA;
 		var checked = _v0.da;
 		var onChange = _v0.b0;
@@ -15689,14 +15978,14 @@ var $mdgriffith$elm_ui$Internal$Model$boxShadowClass = function (shadow) {
 				shadow.bP ? 'box-inset' : 'box-',
 				$mdgriffith$elm_ui$Internal$Model$floatClass(shadow.a.a) + 'px',
 				$mdgriffith$elm_ui$Internal$Model$floatClass(shadow.a.b) + 'px',
-				$mdgriffith$elm_ui$Internal$Model$floatClass(shadow.ad) + 'px',
+				$mdgriffith$elm_ui$Internal$Model$floatClass(shadow.ae) + 'px',
 				$mdgriffith$elm_ui$Internal$Model$floatClass(shadow.co) + 'px',
-				$mdgriffith$elm_ui$Internal$Model$formatColorClass(shadow.af)
+				$mdgriffith$elm_ui$Internal$Model$formatColorClass(shadow.ag)
 			]));
 };
 var $mdgriffith$elm_ui$Internal$Flag$shadows = $mdgriffith$elm_ui$Internal$Flag$flag(19);
 var $mdgriffith$elm_ui$Element$Border$shadow = function (almostShade) {
-	var shade = {ad: almostShade.ad, af: almostShade.af, bP: false, a: almostShade.a, co: almostShade.co};
+	var shade = {ae: almostShade.ae, ag: almostShade.ag, bP: false, a: almostShade.a, co: almostShade.co};
 	return A2(
 		$mdgriffith$elm_ui$Internal$Model$StyleClass,
 		$mdgriffith$elm_ui$Internal$Flag$shadows,
@@ -15777,8 +16066,8 @@ var $mdgriffith$elm_ui$Element$Input$defaultCheckbox = function (checked) {
 				checked ? A3($mdgriffith$elm_ui$Element$rgb, 59 / 255, 153 / 255, 252 / 255) : A3($mdgriffith$elm_ui$Element$rgb, 211 / 255, 211 / 255, 211 / 255)),
 				$mdgriffith$elm_ui$Element$Border$shadow(
 				{
-					ad: 1,
-					af: checked ? A4($mdgriffith$elm_ui$Element$rgba, 238 / 255, 238 / 255, 238 / 255, 0) : A3($mdgriffith$elm_ui$Element$rgb, 238 / 255, 238 / 255, 238 / 255),
+					ae: 1,
+					ag: checked ? A4($mdgriffith$elm_ui$Element$rgba, 238 / 255, 238 / 255, 238 / 255, 0) : A3($mdgriffith$elm_ui$Element$rgb, 238 / 255, 238 / 255, 238 / 255),
 					a: _Utils_Tuple2(0, 0),
 					co: 1
 				}),
@@ -15939,7 +16228,7 @@ var $author$project$Pages$Capture$showTime = F2(
 	function (capture, clock) {
 		var _v0 = capture.av;
 		if (_v0.$ === 2) {
-			var nowToMillis = $elm$time$Time$posixToMillis(clock.aO);
+			var nowToMillis = $elm$time$Time$posixToMillis(clock.aN);
 			var maybeStartedAtMillis = A2(
 				$elm$core$Maybe$map,
 				function (t) {
@@ -15977,8 +16266,8 @@ var $author$project$Pages$Capture$showTime = F2(
 						$mdgriffith$elm_ui$Element$Font$color($author$project$UI$UI$teal)
 					]),
 				{
-					M: $mdgriffith$elm_ui$Element$text(hour + (':' + (minute + (':' + second)))),
-					S: $author$project$Route$routeToString(
+					G: $mdgriffith$elm_ui$Element$text(hour + (':' + (minute + (':' + second)))),
+					J: $author$project$Route$routeToString(
 						$author$project$Route$CaptureTimers(capture.bN))
 				});
 		} else {
@@ -16005,8 +16294,8 @@ var $author$project$Pages$Capture$showTime = F2(
 						$mdgriffith$elm_ui$Element$Font$color($author$project$UI$UI$teal)
 					]),
 				{
-					M: $mdgriffith$elm_ui$Element$text(hour + (':' + (minute + (':' + second)))),
-					S: $author$project$Route$routeToString(
+					G: $mdgriffith$elm_ui$Element$text(hour + (':' + (minute + (':' + second)))),
+					J: $author$project$Route$routeToString(
 						$author$project$Route$CaptureTimers(capture.bN))
 				});
 		}
@@ -16031,8 +16320,8 @@ var $author$project$Pages$Capture$showTimerButton = F3(
 						]),
 					attrs),
 				{
-					M: $mdgriffith$elm_ui$Element$text(textButton),
-					a7: $elm$core$Maybe$Just(msg)
+					G: $mdgriffith$elm_ui$Element$text(textButton),
+					a6: $elm$core$Maybe$Just(msg)
 				}));
 	});
 var $author$project$UI$UI$startButtonAttrs = _List_fromArray(
@@ -16085,7 +16374,7 @@ var $author$project$Pages$Capture$showCapture = F2(
 							{
 								da: completed,
 								dA: $mdgriffith$elm_ui$Element$Input$defaultCheckbox,
-								M: completed ? A2(
+								G: completed ? A2(
 									$mdgriffith$elm_ui$Element$Input$labelRight,
 									_List_fromArray(
 										[
@@ -16147,6 +16436,25 @@ var $author$project$Pages$Capture$showCapture = F2(
 						])),
 					A2(
 					$mdgriffith$elm_ui$Element$el,
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$padding(5)
+						]),
+					$mdgriffith$elm_ui$Element$text(
+						A2($elm$core$String$join, ', ', capture.be))),
+					A2(
+					$mdgriffith$elm_ui$Element$link,
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$Font$color($author$project$UI$UI$teal)
+						]),
+					{
+						G: $mdgriffith$elm_ui$Element$text('edit'),
+						J: $author$project$Route$routeToString(
+							$author$project$Route$CaptureEdit(capture.bN))
+					}),
+					A2(
+					$mdgriffith$elm_ui$Element$el,
 					_List_fromArray(
 						[
 							$mdgriffith$elm_ui$Element$width(
@@ -16233,9 +16541,9 @@ var $author$project$Pages$Capture$showSortingOptions = function (_v0) {
 							A2($mdgriffith$elm_ui$Element$maximum, 150, $mdgriffith$elm_ui$Element$fill))
 						]),
 					{
-						M: $mdgriffith$elm_ui$Element$text(
+						G: $mdgriffith$elm_ui$Element$text(
 							$author$project$Capture$captureStatusToString(s) + ' ↕'),
-						a7: $elm$core$Maybe$Just(
+						a6: $elm$core$Maybe$Just(
 							$author$project$Pages$Capture$SortBy(
 								$author$project$Pages$Capture$nextSortCaptures(s)))
 					}))
@@ -16612,7 +16920,7 @@ var $mdgriffith$elm_ui$Element$Input$redistributeOver = F4(
 								f: A2($elm$core$List$cons, attr, els.f),
 								n: A2($elm$core$List$cons, attr, els.n),
 								b: A2($elm$core$List$cons, attr, els.b),
-								al: A2($elm$core$List$cons, attr, els.al)
+								am: A2($elm$core$List$cons, attr, els.am)
 							});
 					case 7:
 						var cls = attr.a;
@@ -16734,13 +17042,13 @@ var $mdgriffith$elm_ui$Element$Input$redistribute = F3(
 				f: $elm$core$List$reverse(redist.f),
 				n: $elm$core$List$reverse(redist.n),
 				b: $elm$core$List$reverse(redist.b),
-				al: $elm$core$List$reverse(redist.al)
+				am: $elm$core$List$reverse(redist.am)
 			};
 		}(
 			A3(
 				$elm$core$List$foldl,
 				A2($mdgriffith$elm_ui$Element$Input$redistributeOver, isMultiline, stacked),
-				{u: _List_Nil, f: _List_Nil, n: _List_Nil, b: _List_Nil, al: _List_Nil},
+				{u: _List_Nil, f: _List_Nil, n: _List_Nil, b: _List_Nil, am: _List_Nil},
 				attrs));
 	});
 var $mdgriffith$elm_ui$Element$Input$renderBox = function (_v0) {
@@ -16790,7 +17098,7 @@ var $mdgriffith$elm_ui$Element$Input$textHelper = F3(
 		var redistributed = A3(
 			$mdgriffith$elm_ui$Element$Input$redistribute,
 			_Utils_eq(textInput.r, $mdgriffith$elm_ui$Element$Input$TextArea),
-			$mdgriffith$elm_ui$Element$Input$isStacked(textOptions.M),
+			$mdgriffith$elm_ui$Element$Input$isStacked(textOptions.G),
 			withDefaults);
 		var onlySpacing = function (attr) {
 			if ((attr.$ === 4) && (attr.b.$ === 5)) {
@@ -16903,7 +17211,7 @@ var $mdgriffith$elm_ui$Element$Input$textHelper = F3(
 							$mdgriffith$elm_ui$Element$Input$value(textOptions.bf),
 							$mdgriffith$elm_ui$Internal$Model$Attr(
 							$elm$html$Html$Events$onInput(textOptions.b0)),
-							$mdgriffith$elm_ui$Element$Input$hiddenLabelAttribute(textOptions.M),
+							$mdgriffith$elm_ui$Element$Input$hiddenLabelAttribute(textOptions.G),
 							$mdgriffith$elm_ui$Element$Input$spellcheck(textInput.D),
 							A2(
 							$elm$core$Maybe$withDefault,
@@ -16947,7 +17255,7 @@ var $mdgriffith$elm_ui$Element$Input$textHelper = F3(
 											A2(
 												$elm$core$List$cons,
 												$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.dI),
-												redistributed.al)))),
+												redistributed.am)))),
 								$mdgriffith$elm_ui$Internal$Model$Unkeyed(
 									function () {
 										if (textOptions.bf === '') {
@@ -17024,9 +17332,9 @@ var $mdgriffith$elm_ui$Element$Input$textHelper = F3(
 				A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$cursor, $mdgriffith$elm_ui$Internal$Style$classes.di),
 				A2(
 					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Element$Input$isHiddenLabel(textOptions.M) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Element$spacing(5),
+					$mdgriffith$elm_ui$Element$Input$isHiddenLabel(textOptions.G) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Element$spacing(5),
 					A2($elm$core$List$cons, $mdgriffith$elm_ui$Element$Region$announce, redistributed.f))),
-			textOptions.M,
+			textOptions.G,
 			wrappedInput);
 	});
 var $mdgriffith$elm_ui$Element$Input$text = $mdgriffith$elm_ui$Element$Input$textHelper(
@@ -17113,8 +17421,8 @@ var $author$project$UI$Nav$view = F2(
 										$mdgriffith$elm_ui$Element$Font$bold
 									]),
 								{
-									M: $mdgriffith$elm_ui$Element$text('login/signup'),
-									S: $author$project$Route$routeToString(
+									G: $mdgriffith$elm_ui$Element$text('login/signup'),
+									J: $author$project$Route$routeToString(
 										$author$project$Route$Auth($elm$core$Maybe$Nothing))
 								}) : A2(
 								$mdgriffith$elm_ui$Element$link,
@@ -17126,8 +17434,8 @@ var $author$project$UI$Nav$view = F2(
 										$mdgriffith$elm_ui$Element$Font$underline
 									]),
 								{
-									M: $mdgriffith$elm_ui$Element$text('logout'),
-									S: $author$project$Route$routeToString($author$project$Route$Logout)
+									G: $mdgriffith$elm_ui$Element$text('logout'),
+									J: $author$project$Route$routeToString($author$project$Route$Logout)
 								})
 							])))
 				]));
@@ -17146,12 +17454,12 @@ var $author$project$Pages$Capture$view = function (model) {
 								$mdgriffith$elm_ui$Element$Font$typeface('Montserrat'),
 								$mdgriffith$elm_ui$Element$Font$sansSerif
 							])),
-						$author$project$UI$Nav$isOpen(model.X) ? $mdgriffith$elm_ui$Element$inFront(
+						$author$project$UI$Nav$isOpen(model.Y) ? $mdgriffith$elm_ui$Element$inFront(
 						A2(
 							$author$project$UI$Nav$view,
 							$author$project$UI$Nav$config(
 								{g: model.g, eL: $author$project$Pages$Capture$SetNavState}),
-							model.X)) : $mdgriffith$elm_ui$Element$inFront($mdgriffith$elm_ui$Element$none)
+							model.Y)) : $mdgriffith$elm_ui$Element$inFront($mdgriffith$elm_ui$Element$none)
 					]),
 				A2(
 					$mdgriffith$elm_ui$Element$column,
@@ -17160,7 +17468,7 @@ var $author$project$Pages$Capture$view = function (model) {
 							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
 							$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
 							$mdgriffith$elm_ui$Element$spacing(30),
-							$author$project$UI$Nav$isOpen(model.X) ? $mdgriffith$elm_ui$Element$alpha(0.5) : $mdgriffith$elm_ui$Element$alpha(1)
+							$author$project$UI$Nav$isOpen(model.Y) ? $mdgriffith$elm_ui$Element$alpha(0.5) : $mdgriffith$elm_ui$Element$alpha(1)
 						]),
 					_List_fromArray(
 						[
@@ -17191,7 +17499,7 @@ var $author$project$Pages$Capture$view = function (model) {
 											$mdgriffith$elm_ui$Element$link,
 											_List_Nil,
 											{
-												M: A2(
+												G: A2(
 													$mdgriffith$elm_ui$Element$image,
 													_List_fromArray(
 														[$mdgriffith$elm_ui$Element$centerX]),
@@ -17200,7 +17508,7 @@ var $author$project$Pages$Capture$view = function (model) {
 														em: $elm$core$String$isEmpty(
 															$author$project$Session$avatar(model.g)) ? $author$project$Asset$imagePath($author$project$Asset$logo) : $author$project$Session$avatar(model.g)
 													}),
-												S: $author$project$Route$routeToString($author$project$Route$Capture)
+												J: $author$project$Route$routeToString($author$project$Route$Capture)
 											}))),
 									A2(
 									$mdgriffith$elm_ui$Element$el,
@@ -17229,7 +17537,7 @@ var $author$project$Pages$Capture$view = function (model) {
 												$mdgriffith$elm_ui$Element$pointer,
 												$mdgriffith$elm_ui$Element$Events$onClick(
 												$author$project$Pages$Capture$SetNavState(
-													$author$project$UI$Nav$toggleNav(model.X)))
+													$author$project$UI$Nav$toggleNav(model.Y)))
 											]),
 										_List_fromArray(
 											[
@@ -17296,24 +17604,24 @@ var $author$project$Pages$Capture$view = function (model) {
 													$elm$html$Html$Attributes$id('capture-text'))
 												]),
 											{
-												M: $mdgriffith$elm_ui$Element$Input$labelHidden('capture text'),
+												G: $mdgriffith$elm_ui$Element$Input$labelHidden('capture text'),
 												b0: $author$project$Pages$Capture$UpdateNewCapture,
 												d5: $elm$core$Maybe$Just(
 													A2(
 														$mdgriffith$elm_ui$Element$Input$placeholder,
 														_List_Nil,
 														$mdgriffith$elm_ui$Element$text('capture text'))),
-												bf: model.O.bf
+												bf: model.Q.bf
 											}),
 											A2(
 											$mdgriffith$elm_ui$Element$Input$button,
 											$author$project$UI$UI$mintButtonAttrs,
 											{
-												M: $mdgriffith$elm_ui$Element$text('Add Capture'),
-												a7: $elm$core$String$isEmpty(model.O.bf) ? $elm$core$Maybe$Nothing : $elm$core$Maybe$Just($author$project$Pages$Capture$AddCapture)
+												G: $mdgriffith$elm_ui$Element$text('Add Capture'),
+												a6: $elm$core$String$isEmpty(model.Q.bf) ? $elm$core$Maybe$Nothing : $elm$core$Maybe$Just($author$project$Pages$Capture$AddCapture)
 											})
 										])),
-									(model.aN === 1) ? A2(
+									(model.aM === 1) ? A2(
 									$mdgriffith$elm_ui$Element$column,
 									_List_fromArray(
 										[
@@ -17323,7 +17631,7 @@ var $author$project$Pages$Capture$view = function (model) {
 										]),
 									_List_fromArray(
 										[
-											$author$project$Pages$Capture$showSortingOptions(model.aj),
+											$author$project$Pages$Capture$showSortingOptions(model.ak),
 											A2(
 											$mdgriffith$elm_ui$Element$column,
 											_List_fromArray(
@@ -17335,9 +17643,9 @@ var $author$project$Pages$Capture$view = function (model) {
 											A2(
 												$elm$core$List$map,
 												function (capture) {
-													return A2($author$project$Pages$Capture$showCapture, model.aa, capture);
+													return A2($author$project$Pages$Capture$showCapture, model.ab, capture);
 												},
-												A2($author$project$Pages$Capture$sortCaptures, model.aj, model.ae)))
+												A2($author$project$Pages$Capture$sortCaptures, model.ak, model.af)))
 										])) : A2(
 									$mdgriffith$elm_ui$Element$column,
 									_List_fromArray(
@@ -17367,6 +17675,216 @@ var $author$project$Pages$Capture$view = function (model) {
 		cw: 'Capture'
 	};
 };
+var $author$project$Pages$CaptureEdit$SetNavState = function (a) {
+	return {$: 2, a: a};
+};
+var $author$project$Pages$CaptureEdit$SaveCapture = {$: 5};
+var $author$project$Pages$CaptureEdit$UpdateCaptureTags = function (a) {
+	return {$: 4, a: a};
+};
+var $author$project$Pages$CaptureEdit$UpdateCaptureText = function (a) {
+	return {$: 3, a: a};
+};
+var $mdgriffith$elm_ui$Element$Input$OnLeft = 1;
+var $mdgriffith$elm_ui$Element$Input$labelLeft = $mdgriffith$elm_ui$Element$Input$Label(1);
+var $author$project$Pages$CaptureEdit$showEditForm = function (capture) {
+	return A2(
+		$mdgriffith$elm_ui$Element$column,
+		_List_fromArray(
+			[
+				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+				$mdgriffith$elm_ui$Element$spacing(30)
+			]),
+		_List_fromArray(
+			[
+				A2(
+				$mdgriffith$elm_ui$Element$Input$text,
+				_List_Nil,
+				{
+					G: A2(
+						$mdgriffith$elm_ui$Element$Input$labelLeft,
+						_List_fromArray(
+							[$mdgriffith$elm_ui$Element$centerY]),
+						$mdgriffith$elm_ui$Element$text('text: ')),
+					b0: $author$project$Pages$CaptureEdit$UpdateCaptureText,
+					d5: $elm$core$Maybe$Nothing,
+					bf: capture.bf
+				}),
+				A2(
+				$mdgriffith$elm_ui$Element$Input$text,
+				_List_Nil,
+				{
+					G: A2(
+						$mdgriffith$elm_ui$Element$Input$labelLeft,
+						_List_fromArray(
+							[$mdgriffith$elm_ui$Element$centerY]),
+						$mdgriffith$elm_ui$Element$text('tags: ')),
+					b0: $author$project$Pages$CaptureEdit$UpdateCaptureTags,
+					d5: $elm$core$Maybe$Nothing,
+					bf: A2($elm$core$String$join, ', ', capture.be)
+				}),
+				A2(
+				$mdgriffith$elm_ui$Element$Input$button,
+				$author$project$UI$UI$mintButtonAttrs,
+				{
+					G: $mdgriffith$elm_ui$Element$text('Save'),
+					a6: $elm$core$Maybe$Just($author$project$Pages$CaptureEdit$SaveCapture)
+				})
+			]));
+};
+var $author$project$Pages$CaptureEdit$view = function (model) {
+	return {
+		bw: _List_fromArray(
+			[
+				A2(
+				$mdgriffith$elm_ui$Element$layout,
+				_List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$Font$family(
+						_List_fromArray(
+							[
+								$mdgriffith$elm_ui$Element$Font$typeface('Montserrat'),
+								$mdgriffith$elm_ui$Element$Font$sansSerif
+							])),
+						$author$project$UI$Nav$isOpen(model.Y) ? $mdgriffith$elm_ui$Element$inFront(
+						A2(
+							$author$project$UI$Nav$view,
+							$author$project$UI$Nav$config(
+								{g: model.g, eL: $author$project$Pages$CaptureEdit$SetNavState}),
+							model.Y)) : $mdgriffith$elm_ui$Element$inFront($mdgriffith$elm_ui$Element$none)
+					]),
+				A2(
+					$mdgriffith$elm_ui$Element$column,
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+							$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
+							$mdgriffith$elm_ui$Element$spacing(30),
+							$author$project$UI$Nav$isOpen(model.Y) ? $mdgriffith$elm_ui$Element$alpha(0.5) : $mdgriffith$elm_ui$Element$alpha(1)
+						]),
+					_List_fromArray(
+						[
+							A2(
+							$mdgriffith$elm_ui$Element$row,
+							_List_fromArray(
+								[
+									$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+									$mdgriffith$elm_ui$Element$padding(20),
+									$mdgriffith$elm_ui$Element$Background$color($author$project$UI$UI$lightGrey)
+								]),
+							_List_fromArray(
+								[
+									A2(
+									$mdgriffith$elm_ui$Element$el,
+									_List_fromArray(
+										[
+											$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+										]),
+									A2(
+										$mdgriffith$elm_ui$Element$el,
+										_List_fromArray(
+											[
+												$mdgriffith$elm_ui$Element$width(
+												$mdgriffith$elm_ui$Element$px(50))
+											]),
+										A2(
+											$mdgriffith$elm_ui$Element$link,
+											_List_Nil,
+											{
+												G: A2(
+													$mdgriffith$elm_ui$Element$image,
+													_List_fromArray(
+														[$mdgriffith$elm_ui$Element$centerX]),
+													{
+														dl: 'User Avatar',
+														em: $elm$core$String$isEmpty(
+															$author$project$Session$avatar(model.g)) ? $author$project$Asset$imagePath($author$project$Asset$logo) : $author$project$Session$avatar(model.g)
+													}),
+												J: $author$project$Route$routeToString($author$project$Route$Capture)
+											}))),
+									A2(
+									$mdgriffith$elm_ui$Element$el,
+									_List_fromArray(
+										[
+											$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+											$mdgriffith$elm_ui$Element$Font$center,
+											$mdgriffith$elm_ui$Element$Font$bold
+										]),
+									$mdgriffith$elm_ui$Element$text('Item')),
+									A2(
+									$mdgriffith$elm_ui$Element$el,
+									_List_fromArray(
+										[
+											$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+											$mdgriffith$elm_ui$Element$Font$alignRight
+										]),
+									A2(
+										$mdgriffith$elm_ui$Element$column,
+										_List_fromArray(
+											[
+												$mdgriffith$elm_ui$Element$width(
+												A2($mdgriffith$elm_ui$Element$maximum, 40, $mdgriffith$elm_ui$Element$fill)),
+												$mdgriffith$elm_ui$Element$alignRight,
+												$mdgriffith$elm_ui$Element$spacing(10),
+												$mdgriffith$elm_ui$Element$pointer,
+												$mdgriffith$elm_ui$Element$Events$onClick(
+												$author$project$Pages$CaptureEdit$SetNavState(
+													$author$project$UI$Nav$toggleNav(model.Y)))
+											]),
+										_List_fromArray(
+											[
+												A2(
+												$mdgriffith$elm_ui$Element$el,
+												_List_fromArray(
+													[
+														$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+														$mdgriffith$elm_ui$Element$centerX,
+														$mdgriffith$elm_ui$Element$Background$color($author$project$UI$UI$mint),
+														$mdgriffith$elm_ui$Element$height(
+														$mdgriffith$elm_ui$Element$px(3))
+													]),
+												$mdgriffith$elm_ui$Element$none),
+												A2(
+												$mdgriffith$elm_ui$Element$el,
+												_List_fromArray(
+													[
+														$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+														$mdgriffith$elm_ui$Element$centerX,
+														$mdgriffith$elm_ui$Element$Background$color($author$project$UI$UI$mint),
+														$mdgriffith$elm_ui$Element$height(
+														$mdgriffith$elm_ui$Element$px(3))
+													]),
+												$mdgriffith$elm_ui$Element$none),
+												A2(
+												$mdgriffith$elm_ui$Element$el,
+												_List_fromArray(
+													[
+														$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+														$mdgriffith$elm_ui$Element$centerX,
+														$mdgriffith$elm_ui$Element$Background$color($author$project$UI$UI$mint),
+														$mdgriffith$elm_ui$Element$height(
+														$mdgriffith$elm_ui$Element$px(3))
+													]),
+												$mdgriffith$elm_ui$Element$none)
+											])))
+								])),
+							A2(
+							$mdgriffith$elm_ui$Element$column,
+							_List_fromArray(
+								[
+									$mdgriffith$elm_ui$Element$width(
+									A2($mdgriffith$elm_ui$Element$maximum, 1000, $mdgriffith$elm_ui$Element$fill)),
+									$mdgriffith$elm_ui$Element$centerX
+								]),
+							_List_fromArray(
+								[
+									$author$project$Pages$CaptureEdit$showEditForm(model.M)
+								]))
+						])))
+			]),
+		cw: 'Edit Capture'
+	};
+};
 var $author$project$Pages$CaptureTimers$SetNavState = function (a) {
 	return {$: 3, a: a};
 };
@@ -17411,7 +17929,7 @@ var $elm$time$Time$toAdjustedMinutesHelp = F3(
 			} else {
 				var era = eras.a;
 				var olderEras = eras.b;
-				if (_Utils_cmp(era.bc, posixMinutes) < 0) {
+				if (_Utils_cmp(era.bb, posixMinutes) < 0) {
 					return posixMinutes + era.a;
 				} else {
 					var $temp$defaultOffset = defaultOffset,
@@ -17618,12 +18136,12 @@ var $author$project$Pages$CaptureTimers$view = function (model) {
 								$mdgriffith$elm_ui$Element$Font$typeface('Montserrat'),
 								$mdgriffith$elm_ui$Element$Font$sansSerif
 							])),
-						$author$project$UI$Nav$isOpen(model.X) ? $mdgriffith$elm_ui$Element$inFront(
+						$author$project$UI$Nav$isOpen(model.Y) ? $mdgriffith$elm_ui$Element$inFront(
 						A2(
 							$author$project$UI$Nav$view,
 							$author$project$UI$Nav$config(
 								{g: model.g, eL: $author$project$Pages$CaptureTimers$SetNavState}),
-							model.X)) : $mdgriffith$elm_ui$Element$inFront($mdgriffith$elm_ui$Element$none)
+							model.Y)) : $mdgriffith$elm_ui$Element$inFront($mdgriffith$elm_ui$Element$none)
 					]),
 				A2(
 					$mdgriffith$elm_ui$Element$column,
@@ -17632,7 +18150,7 @@ var $author$project$Pages$CaptureTimers$view = function (model) {
 							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
 							$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
 							$mdgriffith$elm_ui$Element$spacing(30),
-							$author$project$UI$Nav$isOpen(model.X) ? $mdgriffith$elm_ui$Element$alpha(0.5) : $mdgriffith$elm_ui$Element$alpha(1)
+							$author$project$UI$Nav$isOpen(model.Y) ? $mdgriffith$elm_ui$Element$alpha(0.5) : $mdgriffith$elm_ui$Element$alpha(1)
 						]),
 					_List_fromArray(
 						[
@@ -17663,7 +18181,7 @@ var $author$project$Pages$CaptureTimers$view = function (model) {
 											$mdgriffith$elm_ui$Element$link,
 											_List_Nil,
 											{
-												M: A2(
+												G: A2(
 													$mdgriffith$elm_ui$Element$image,
 													_List_fromArray(
 														[$mdgriffith$elm_ui$Element$centerX]),
@@ -17672,7 +18190,7 @@ var $author$project$Pages$CaptureTimers$view = function (model) {
 														em: $elm$core$String$isEmpty(
 															$author$project$Session$avatar(model.g)) ? $author$project$Asset$imagePath($author$project$Asset$logo) : $author$project$Session$avatar(model.g)
 													}),
-												S: $author$project$Route$routeToString($author$project$Route$Capture)
+												J: $author$project$Route$routeToString($author$project$Route$Capture)
 											}))),
 									A2(
 									$mdgriffith$elm_ui$Element$el,
@@ -17701,7 +18219,7 @@ var $author$project$Pages$CaptureTimers$view = function (model) {
 												$mdgriffith$elm_ui$Element$pointer,
 												$mdgriffith$elm_ui$Element$Events$onClick(
 												$author$project$Pages$CaptureTimers$SetNavState(
-													$author$project$UI$Nav$toggleNav(model.X)))
+													$author$project$UI$Nav$toggleNav(model.Y)))
 											]),
 										_List_fromArray(
 											[
@@ -17753,9 +18271,9 @@ var $author$project$Pages$CaptureTimers$view = function (model) {
 								_List_Nil,
 								_List_fromArray(
 									[
-										$mdgriffith$elm_ui$Element$text(model.an.bf)
+										$mdgriffith$elm_ui$Element$text(model.M.bf)
 									]))),
-							A2($author$project$Pages$CaptureTimers$showTimers, model.aS, model.an.cv)
+							A2($author$project$Pages$CaptureTimers$showTimers, model.aR, model.M.cv)
 						])))
 			]),
 		cw: 'Timers'
@@ -17796,8 +18314,8 @@ var $author$project$Pages$Login$view = function (_v0) {
 									$mdgriffith$elm_ui$Element$Font$bold
 								]),
 							{
-								M: $mdgriffith$elm_ui$Element$text('login/signup'),
-								S: $author$project$Route$routeToString(
+								G: $mdgriffith$elm_ui$Element$text('login/signup'),
+								J: $author$project$Route$routeToString(
 									$author$project$Route$Auth($elm$core$Maybe$Nothing))
 							})
 						])))
@@ -17823,7 +18341,7 @@ var $author$project$Pages$Session$view = function (model) {
 							_List_fromArray(
 								[$mdgriffith$elm_ui$Element$centerX]),
 							{
-								M: A2(
+								G: A2(
 									$mdgriffith$elm_ui$Element$image,
 									_List_fromArray(
 										[$mdgriffith$elm_ui$Element$centerX]),
@@ -17831,7 +18349,7 @@ var $author$project$Pages$Session$view = function (model) {
 										dl: 'DWYL Logo',
 										em: $author$project$Asset$imagePath($author$project$Asset$logo)
 									}),
-								S: $author$project$Route$routeToString($author$project$Route$Capture)
+								J: $author$project$Route$routeToString($author$project$Route$Capture)
 							}),
 							$elm$core$String$isEmpty(model.m) ? A2(
 							$mdgriffith$elm_ui$Element$el,
@@ -17941,6 +18459,12 @@ var $author$project$Main$view = function (model) {
 				$author$project$Page$view,
 				$author$project$Main$GotCaptureMsg,
 				$author$project$Pages$Capture$view(captureModel));
+		case 6:
+			var captureEditModel = model.a;
+			return A2(
+				$author$project$Page$view,
+				$author$project$Main$GotCaptureEditMsg,
+				$author$project$Pages$CaptureEdit$view(captureEditModel));
 		default:
 			var captureTimersModel = model.a;
 			return A2(
diff --git a/src/Capture.elm b/src/Capture.elm
index 94b3596..6234d8f 100644
--- a/src/Capture.elm
+++ b/src/Capture.elm
@@ -10,6 +10,7 @@ type alias Capture =
     , text : String
     , timers : List Timer
     , status : CaptureStatus
+    , tags : List String
     }
 
 
@@ -27,6 +28,7 @@ initCapture =
     , text = ""
     , timers = []
     , status = ToDo
+    , tags = []
     }
 
 
@@ -47,11 +49,12 @@ savedCaptureDecoder =
 
 captureDecoder : JD.Decoder Capture
 captureDecoder =
-    JD.map4 Capture
+    JD.map5 Capture
         (JD.field "capture_id" JD.int)
         (JD.field "text" JD.string)
         (JD.field "timers" (JD.list timerDecoder))
         (JD.field "completed" JD.bool |> JD.andThen captureStatusDecoder)
+        (JD.field "tags" (JD.list (JD.field "text" JD.string)))
 
 
 captureStatusDecoder : Bool -> JD.Decoder CaptureStatus
@@ -92,6 +95,7 @@ captureEncode capture =
     JE.object
         [ ( "text", JE.string capture.text )
         , ( "completed", JE.bool (capture.status == Completed) )
+        , ( "tags", JE.string (String.join ", " capture.tags) )
         ]
 
 
diff --git a/src/Main.elm b/src/Main.elm
index f321aab..fac3720 100644
--- a/src/Main.elm
+++ b/src/Main.elm
@@ -8,6 +8,7 @@ import Html.Attributes exposing (..)
 import Page
 import Pages.Auth as Auth
 import Pages.Capture as Capture
+import Pages.CaptureEdit as CaptureEdit
 import Pages.CaptureTimers as CaptureTimers
 import Pages.Login as Login
 import Pages.Session as PagesSession
@@ -39,6 +40,7 @@ type Model
     | Logout Session.Session
     | Login Session.Session
     | Capture Capture.Model
+    | CaptureEdit CaptureEdit.Model
     | CaptureTimers CaptureTimers.Model
 
 
@@ -71,6 +73,7 @@ type Msg
     | GotAuthMsg Auth.Msg
     | GotPagesSessionMsg PagesSession.Msg
     | GotCaptureMsg Capture.Msg
+    | GotCaptureEditMsg CaptureEdit.Msg
     | GotCaptureTimersMsg CaptureTimers.Msg
     | GotLoginMsg Login.Msg
 
@@ -110,6 +113,13 @@ update msg model =
             in
             ( Capture subModel, Cmd.map GotCaptureMsg subMsg )
 
+        ( GotCaptureEditMsg captureEditMsg, CaptureEdit captureEditModel ) ->
+            let
+                ( subModel, subMsg ) =
+                    CaptureEdit.update captureEditMsg captureEditModel
+            in
+            ( CaptureEdit subModel, Cmd.map GotCaptureEditMsg subMsg )
+
         ( GotCaptureTimersMsg captureTimersMsg, CaptureTimers captureTimersModel ) ->
             let
                 ( subModel, subMsg ) =
@@ -194,6 +204,13 @@ loadRoute maybeRoute model =
                 in
                 ( CaptureTimers subModel, Cmd.map GotCaptureTimersMsg subMsg )
 
+            Just (Route.CaptureEdit idCapture) ->
+                let
+                    ( subModel, subMsg ) =
+                        CaptureEdit.init session idCapture
+                in
+                ( CaptureEdit subModel, Cmd.map GotCaptureEditMsg subMsg )
+
 
 subscriptions : Model -> Sub Msg
 subscriptions model =
@@ -213,6 +230,9 @@ subscriptions model =
         Capture captureModel ->
             Sub.map GotCaptureMsg (Capture.subscriptions captureModel)
 
+        CaptureEdit captureEditModel ->
+            Sub.map GotCaptureEditMsg (CaptureEdit.subscriptions captureEditModel)
+
         CaptureTimers captureTimersModel ->
             Sub.map GotCaptureTimersMsg (CaptureTimers.subscriptions captureTimersModel)
 
@@ -251,6 +271,9 @@ view model =
         Capture captureModel ->
             Page.view GotCaptureMsg (Capture.view captureModel)
 
+        CaptureEdit captureEditModel ->
+            Page.view GotCaptureEditMsg (CaptureEdit.view captureEditModel)
+
         CaptureTimers captureTimersModel ->
             Page.view GotCaptureTimersMsg (CaptureTimers.view captureTimersModel)
 
@@ -276,6 +299,9 @@ toSession page =
         Capture m ->
             Capture.toSession m
 
+        CaptureEdit m ->
+            CaptureEdit.toSession m
+
         CaptureTimers m ->
             CaptureTimers.toSession m
 
diff --git a/src/Pages/Capture.elm b/src/Pages/Capture.elm
index dee3481..4fd8162 100644
--- a/src/Pages/Capture.elm
+++ b/src/Pages/Capture.elm
@@ -481,6 +481,12 @@ showCapture clock capture =
                 Error e ->
                     showTimerButton [] e None
             ]
+        , el [ padding 5 ] (text <| String.join ", " capture.tags)
+        , link
+            [ color UI.teal ]
+            { url = Route.routeToString (Route.CaptureEdit capture.idCapture)
+            , label = text "edit"
+            }
         , el [ width (fill |> maximum 1000), centerX, EltBackground.color UI.lightGrey, height (px 1) ] none
         ]
 
diff --git a/src/Pages/CaptureEdit.elm b/src/Pages/CaptureEdit.elm
new file mode 100644
index 0000000..34ee627
--- /dev/null
+++ b/src/Pages/CaptureEdit.elm
@@ -0,0 +1,272 @@
+module Pages.CaptureEdit exposing (Model, Msg(..), init, subscriptions, toSession, update, view)
+
+import Asset exposing (..)
+import Capture exposing (..)
+import Element exposing (..)
+import Element.Background as EltBackground
+import Element.Events exposing (onClick)
+import Element.Font exposing (..)
+import Element.Input as EltInput
+import Endpoint
+import Http
+import Page
+import Route
+import Session exposing (..)
+import UI.Nav
+import UI.UI as UI
+
+
+
+-- Model
+
+
+type alias Model =
+    { session : Session
+    , capture : Capture
+    , error : String
+    , nav : UI.Nav.State
+    }
+
+
+init : Session -> Int -> ( Model, Cmd Msg )
+init session idCapture =
+    ( Model session initCapture "" UI.Nav.init
+    , getCapture (token session) idCapture
+    )
+
+
+
+-- Update
+
+
+type Msg
+    = GotSession Session
+    | GotCapture (Result Http.Error Capture)
+    | SetNavState UI.Nav.State
+    | UpdateCaptureText String
+    | UpdateCaptureTags String
+    | SaveCapture
+    | CaptureSaved (Result Http.Error Capture)
+
+
+update : Msg -> Model -> ( Model, Cmd Msg )
+update msg model =
+    case msg of
+        GotSession session ->
+            if Session.isGuest session then
+                ( { model | session = session }
+                , Route.replaceUrl (Session.navKey session) Route.Login
+                )
+
+            else
+                ( { model | session = session }
+                , Route.replaceUrl (Session.navKey session) Route.Capture
+                )
+
+        GotCapture result ->
+            case result of
+                Ok capture ->
+                    ( { model | capture = capture, error = "" }, Cmd.none )
+
+                Err httpError ->
+                    case httpError of
+                        Http.BadStatus 401 ->
+                            ( { model | error = "Access not authorised" }
+                            , Cmd.batch
+                                [ Session.logout
+                                , Route.replaceUrl (Session.navKey model.session) Route.Login
+                                ]
+                            )
+
+                        Http.BadStatus 404 ->
+                            ( { model | error = "Capture information can't be retrieved" }, Cmd.none )
+
+                        _ ->
+                            ( { model | error = "Error while getting the captures" }, Cmd.none )
+
+        SetNavState navState ->
+            ( { model | nav = navState }, Cmd.none )
+
+        UpdateCaptureText text ->
+            let
+                capture =
+                    model.capture
+
+                updatedCapture =
+                    { capture | text = text }
+            in
+            ( { model | capture = updatedCapture }, Cmd.none )
+
+        UpdateCaptureTags tags ->
+            let
+                capture =
+                    model.capture
+
+                tagList =
+                    List.map String.trim (String.split "," tags)
+
+                updatedCapture =
+                    { capture | tags = tagList }
+            in
+            ( { model | capture = updatedCapture }, Cmd.none )
+
+        SaveCapture ->
+            ( model, apiUpdateCapture (token model.session) model.capture )
+
+        CaptureSaved result ->
+            case result of
+                Ok _ ->
+                    ( { model | error = "" }
+                    , Route.replaceUrl (Session.navKey model.session) Route.Capture
+                    )
+
+                Err httpError ->
+                    case httpError of
+                        Http.BadStatus 401 ->
+                            ( { model | error = "Access not authorised" }
+                            , Cmd.batch
+                                [ Session.logout
+                                , Route.replaceUrl (Session.navKey model.session) Route.Login
+                                ]
+                            )
+
+                        Http.BadStatus 404 ->
+                            ( { model | error = "create capture endpoint not found" }, Cmd.none )
+
+                        _ ->
+                            ( { model | error = "Error while creating the capture" }, Cmd.none )
+
+
+
+-- Request to API
+
+
+getCapture : String -> Int -> Cmd Msg
+getCapture token idCapture =
+    Http.request
+        { method = "GET"
+        , headers = [ Http.header "authorization" ("Bearer " ++ token) ]
+        , url = Endpoint.toString (Endpoint.capture idCapture)
+        , body = Http.emptyBody
+        , expect = Http.expectJson GotCapture captureDataDecoder
+        , timeout = Nothing
+        , tracker = Nothing
+        }
+
+
+apiUpdateCapture : String -> Capture -> Cmd Msg
+apiUpdateCapture token capture =
+    Http.request
+        { method = "PUT"
+        , headers = [ Http.header "authorization" ("Bearer " ++ token) ]
+        , url = Endpoint.toString <| Endpoint.capture capture.idCapture
+        , body = Http.jsonBody <| captureEncode capture
+        , expect = Http.expectJson CaptureSaved savedCaptureDecoder
+        , timeout = Nothing
+        , tracker = Nothing
+        }
+
+
+
+-- View
+
+
+view : Model -> Page.PageStructure Msg
+view model =
+    { title = "Edit Capture"
+    , content =
+        [ layout
+            [ family [ typeface "Montserrat", sansSerif ]
+            , if UI.Nav.isOpen model.nav then
+                inFront <| UI.Nav.view (UI.Nav.config { toMsg = SetNavState, session = model.session }) model.nav
+
+              else
+                inFront none
+            ]
+          <|
+            column
+                [ width fill
+                , height fill
+                , spacing 30
+                , if UI.Nav.isOpen model.nav then
+                    alpha 0.5
+
+                  else
+                    alpha 1
+                ]
+                [ row [ width fill, padding 20, EltBackground.color UI.lightGrey ]
+                    [ el [ width fill ]
+                        (el [ width (px 50) ]
+                            (link []
+                                { url = Route.routeToString Route.Capture
+                                , label =
+                                    image [ centerX ]
+                                        { src =
+                                            if String.isEmpty (Session.avatar model.session) then
+                                                Asset.imagePath Asset.logo
+
+                                            else
+                                                Session.avatar model.session
+                                        , description = "User Avatar"
+                                        }
+                                }
+                            )
+                        )
+                    , el [ width fill, center, bold ] (text "Item")
+                    , el
+                        [ width fill
+                        , Element.Font.alignRight
+                        ]
+                        (column
+                            [ width (fill |> maximum 40)
+                            , Element.alignRight
+                            , spacing 10
+                            , pointer
+                            , onClick (SetNavState <| UI.Nav.toggleNav model.nav)
+                            ]
+                            [ el [ width fill, centerX, EltBackground.color UI.mint, height (px 3) ] none
+                            , el [ width fill, centerX, EltBackground.color UI.mint, height (px 3) ] none
+                            , el [ width fill, centerX, EltBackground.color UI.mint, height (px 3) ] none
+                            ]
+                        )
+                    ]
+                , column
+                    [ width (fill |> maximum 1000), centerX ]
+                    [ showEditForm model.capture
+                    ]
+                ]
+        ]
+    }
+
+
+showEditForm : Capture -> Element Msg
+showEditForm capture =
+    column [ width fill, spacing 30 ]
+        [ EltInput.text []
+            { onChange = UpdateCaptureText
+            , placeholder = Nothing
+            , text = capture.text
+            , label = EltInput.labelLeft [ centerY ] (text "text: ")
+            }
+        , EltInput.text []
+            { onChange = UpdateCaptureTags
+            , placeholder = Nothing
+            , text = String.join ", " capture.tags
+            , label = EltInput.labelLeft [ centerY ] (text "tags: ")
+            }
+        , EltInput.button
+            UI.mintButtonAttrs
+            { onPress = Just SaveCapture
+            , label = text "Save"
+            }
+        ]
+
+
+toSession : Model -> Session
+toSession model =
+    model.session
+
+
+subscriptions : Model -> Sub Msg
+subscriptions model =
+    Session.changeSession GotSession (Session.navKey model.session)
diff --git a/src/Route.elm b/src/Route.elm
index 30a749f..e4e57a5 100644
--- a/src/Route.elm
+++ b/src/Route.elm
@@ -18,6 +18,7 @@ type Route
     | Login
     | Capture
     | CaptureTimers Int
+    | CaptureEdit Int
 
 
 routeParser : Parser.Parser (Route -> a) a
@@ -27,7 +28,8 @@ routeParser =
         , Parser.map Auth (Parser.s "auth" <?> Query.string "jwt")
         , Parser.map Logout (Parser.s "logout")
         , Parser.map Login (Parser.s "login")
-        , Parser.map CaptureTimers (Parser.s "capture" </> Parser.int)
+        , Parser.map CaptureTimers (Parser.s "timers" </> Parser.int)
+        , Parser.map CaptureEdit (Parser.s "capture" </> Parser.int </> Parser.s "edit")
         ]
 
 
@@ -60,7 +62,10 @@ routeToString route =
             "/login"
 
         CaptureTimers idCapture ->
-            "/capture/" ++ String.fromInt idCapture
+            "/timers/" ++ String.fromInt idCapture
+
+        CaptureEdit idCapture ->
+            "/capture/" ++ String.fromInt idCapture ++ "/edit"
 
 
 replaceUrl : Nav.Key -> Route -> Cmd msg
diff --git a/tests/CaptureTests.elm b/tests/CaptureTests.elm
index b24a179..0343911 100644
--- a/tests/CaptureTests.elm
+++ b/tests/CaptureTests.elm
@@ -16,6 +16,7 @@ capturesTest status1 status2 =
             , text = ""
             , timers = []
             , status = status1
+            , tags = []
             }
 
         capture2 =
@@ -23,6 +24,7 @@ capturesTest status1 status2 =
             , text = ""
             , timers = []
             , status = status2
+            , tags = []
             }
     in
     ( capture1, capture2 )
diff --git a/tests/RouteTests.elm b/tests/RouteTests.elm
index 78c9aef..90fd8c3 100644
--- a/tests/RouteTests.elm
+++ b/tests/RouteTests.elm
@@ -126,10 +126,27 @@ suite =
                         }
 
                     url =
-                        Maybe.withDefault defaultUrl (Url.fromString "http://locahost/capture/1")
+                        Maybe.withDefault defaultUrl (Url.fromString "http://locahost/timers/1")
                 in
                 Parser.parse Route.routeParser url
                     |> Expect.equal (Just (Route.CaptureTimers 1))
+        , test "Test capture edit route" <|
+            \_ ->
+                let
+                    defaultUrl =
+                        { protocol = Url.Https
+                        , host = "dwyl.com"
+                        , port_ = Just 443
+                        , path = "/"
+                        , query = Nothing
+                        , fragment = Nothing
+                        }
+
+                    url =
+                        Maybe.withDefault defaultUrl (Url.fromString "http://locahost/capture/1/edit")
+                in
+                Parser.parse Route.routeParser url
+                    |> Expect.equal (Just (Route.CaptureEdit 1))
         , test "isPrivate Auth route returns False" <|
             \_ ->
                 Route.isPrivate (Route.Auth Nothing)
@@ -150,4 +167,8 @@ suite =
             \_ ->
                 Route.isPrivate (Route.CaptureTimers 1)
                     |> Expect.equal True
+        , test "isPrivate CaptureEdit route returns True" <|
+            \_ ->
+                Route.isPrivate (Route.CaptureEdit 1)
+                    |> Expect.equal True
         ]