diff --git a/public/js/app.js b/public/js/app.js
index c26039a..7acb024 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -344,7 +344,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  computed: {\n    tasks: function tasks() {\n      return this.$store.state.tasks;\n    }\n  },\n  methods: {\n    statusText: function statusText(status) {\n      switch (status) {\n        case 1:\n          return 'up';\n          break;\n\n        case 0:\n          return 'down';\n          break;\n\n        default:\n          return 'unknown';\n      }\n    }\n  }\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvYmFiZWwtbG9hZGVyL2xpYi9pbmRleC5qcz8/Y2xvbmVkUnVsZVNldC01WzBdLnJ1bGVzWzBdLnVzZVswXSEuL25vZGVfbW9kdWxlcy92dWUtbG9hZGVyL2xpYi9pbmRleC5qcz8/dnVlLWxvYWRlci1vcHRpb25zIS4vcmVzb3VyY2VzL3ZpZXdzL2NvbXBvbmVudHMvcXVpY2t2aWV3LnZ1ZT92dWUmdHlwZT1zY3JpcHQmbGFuZz1qcyYuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBK0JBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFIQSxHQURBO0FBTUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUNBO0FBQ0E7QUFDQTs7QUFDQTtBQUNBO0FBUkE7QUFVQTtBQVpBO0FBTkEiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vcmVzb3VyY2VzL3ZpZXdzL2NvbXBvbmVudHMvcXVpY2t2aWV3LnZ1ZT81N2JlIl0sInNvdXJjZXNDb250ZW50IjpbIjx0ZW1wbGF0ZT5cblx0PGRpdiBjbGFzcz1cInF1aWNrLXZpZXdcIj5cblx0XHQ8aDM+XG5cdFx0XHRRdWljayBvdmVydmlld1xuXHRcdDwvaDM+XG5cdFx0PGRpdiBjbGFzcz1cImJsb2NrLWNvbnRlbnRcIj5cblx0XHRcdDxkaXZcblx0XHRcdFx0di1mb3I9XCJncm91cCBpbiB0YXNrc1wiXG5cdFx0XHRcdHYtYmluZDprZXk9XCJncm91cC5pZFwiXG5cdFx0XHRcdGNsYXNzPVwibmV3LWdyb3VwXCJcblx0XHRcdFx0OnRpdGxlPVwiJ0dyb3VwOiAnK2dyb3VwLm5hbWVcIlxuXHRcdFx0PlxuXHRcdFx0XHQ8YSA6aHJlZj1cIicjZ3JvdXAtJytncm91cC5pZFwiPlxuXHRcdFx0XHRcdDxwXG5cdFx0XHRcdFx0XHR2LWZvcj1cInRhc2sgaW4gZ3JvdXAudGFza3NcIlxuXHRcdFx0XHRcdFx0di1iaW5kOmtleT1cInRhc2suaWRcIlxuXHRcdFx0XHRcdFx0OmhyZWY9XCInI3Rhc2stJyt0YXNrLmlkXCJcblx0XHRcdFx0XHRcdDpjbGFzcz1cInN0YXR1c1RleHQodGFzay5zdGF0dXMpKyh0YXNrLmFjdGl2ZSA9PSAwID8gJyBpbmFjdGl2ZScgOiAnJylcIlxuXHRcdFx0XHRcdFx0Y2xhc3M9XCJzcXVhcmVcIlxuXHRcdFx0XHRcdD5cblx0XHRcdFx0XHRcdDxzcGFuIGNsYXNzPVwic21hbGxcIj57e3Rhc2suaWQgfX08L3NwYW4+XG5cdFx0XHRcdFx0PC9wPlxuXHRcdFx0XHQ8L2E+XG5cdFx0XHQ8L2Rpdj5cblx0XHRcdDxwIGNsYXNzPVwic3BhY2VyXCI+Jm5ic3A7PC9wPlxuXHRcdDwvZGl2PlxuXHQ8L2Rpdj5cbjwvdGVtcGxhdGU+XG5cbjxzY3JpcHQ+XG5cbmV4cG9ydCBkZWZhdWx0IHtcblx0Y29tcHV0ZWQ6IHtcblx0XHR0YXNrczogZnVuY3Rpb24oKSB7XG5cdFx0XHRyZXR1cm4gdGhpcy4kc3RvcmUuc3RhdGUudGFza3Ncblx0XHR9XG5cdH0sXG5cdG1ldGhvZHM6IHtcblx0XHRzdGF0dXNUZXh0OiBmdW5jdGlvbiAoc3RhdHVzKSB7XG5cdFx0XHRzd2l0Y2ggKHN0YXR1cykge1xuXHRcdFx0XHRjYXNlIDE6XG5cdFx0XHRcdFx0cmV0dXJuICd1cCc7XG5cdFx0XHRcdGJyZWFrO1xuXHRcdFx0XHRjYXNlIDA6XG5cdFx0XHRcdFx0cmV0dXJuICdkb3duJztcblx0XHRcdFx0YnJlYWs7XG5cdFx0XHRcdGRlZmF1bHQ6XG5cdFx0XHRcdFx0cmV0dXJuICd1bmtub3duJztcblx0XHRcdH1cblx0XHR9LFxuXHR9XG59XG48L3NjcmlwdD5cblxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/views/components/quickview.vue?vue&type=script&lang=js&\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  computed: {\n    tasks: function tasks() {\n      return this.$store.state.tasks;\n    }\n  },\n  methods: {\n    statusText: function statusText(status) {\n      switch (status) {\n        case 1:\n          return 'up';\n          break;\n\n        case 0:\n          return 'down';\n          break;\n\n        default:\n          return 'unknown';\n      }\n    }\n  }\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvYmFiZWwtbG9hZGVyL2xpYi9pbmRleC5qcz8/Y2xvbmVkUnVsZVNldC01WzBdLnJ1bGVzWzBdLnVzZVswXSEuL25vZGVfbW9kdWxlcy92dWUtbG9hZGVyL2xpYi9pbmRleC5qcz8/dnVlLWxvYWRlci1vcHRpb25zIS4vcmVzb3VyY2VzL3ZpZXdzL2NvbXBvbmVudHMvcXVpY2t2aWV3LnZ1ZT92dWUmdHlwZT1zY3JpcHQmbGFuZz1qcyYuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQXlDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSEEsR0FEQTtBQU1BO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFDQTtBQUNBO0FBQ0E7O0FBQ0E7QUFDQTtBQVJBO0FBVUE7QUFaQTtBQU5BIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vL3Jlc291cmNlcy92aWV3cy9jb21wb25lbnRzL3F1aWNrdmlldy52dWU/NTdiZSJdLCJzb3VyY2VzQ29udGVudCI6WyI8dGVtcGxhdGU+XG5cdDxkaXYgY2xhc3M9XCJxdWljay12aWV3XCI+XG5cdFx0PGgzPlxuXHRcdFx0UXVpY2sgb3ZlcnZpZXdcblx0XHQ8L2gzPlxuXHRcdDxkaXYgY2xhc3M9XCJibG9jay1jb250ZW50XCI+XG5cdFx0XHQ8ZGl2XG5cdFx0XHRcdHYtaWY9XCJ0YXNrcy5sZW5ndGggPiAwXCJcblx0XHRcdD5cblx0XHRcdFx0PGRpdlxuXHRcdFx0XHRcdHYtZm9yPVwiZ3JvdXAgaW4gdGFza3NcIlxuXHRcdFx0XHRcdHYtYmluZDprZXk9XCJncm91cC5pZFwiXG5cdFx0XHRcdFx0Y2xhc3M9XCJuZXctZ3JvdXBcIlxuXHRcdFx0XHRcdDp0aXRsZT1cIidHcm91cDogJytncm91cC5uYW1lXCJcblx0XHRcdFx0PlxuXHRcdFx0XHRcdDxhIDpocmVmPVwiJyNncm91cC0nK2dyb3VwLmlkXCI+XG5cdFx0XHRcdFx0XHQ8cFxuXHRcdFx0XHRcdFx0XHR2LWZvcj1cInRhc2sgaW4gZ3JvdXAudGFza3NcIlxuXHRcdFx0XHRcdFx0XHR2LWJpbmQ6a2V5PVwidGFzay5pZFwiXG5cdFx0XHRcdFx0XHRcdDpocmVmPVwiJyN0YXNrLScrdGFzay5pZFwiXG5cdFx0XHRcdFx0XHRcdDpjbGFzcz1cInN0YXR1c1RleHQodGFzay5zdGF0dXMpKyh0YXNrLmFjdGl2ZSA9PSAwID8gJyBpbmFjdGl2ZScgOiAnJylcIlxuXHRcdFx0XHRcdFx0XHRjbGFzcz1cInNxdWFyZVwiXG5cdFx0XHRcdFx0XHQ+XG5cdFx0XHRcdFx0XHRcdDxzcGFuIGNsYXNzPVwic21hbGxcIj57e3Rhc2suaWQgfX08L3NwYW4+XG5cdFx0XHRcdFx0XHQ8L3A+XG5cdFx0XHRcdFx0PC9hPlxuXHRcdFx0XHQ8L2Rpdj5cblx0XHRcdFx0PHAgY2xhc3M9XCJzcGFjZXJcIj4mbmJzcDs8L3A+XG5cdFx0XHQ8L2Rpdj5cblx0XHRcdDxkaXZcblx0XHRcdFx0di1lbHNlXG5cdFx0XHQ+XG5cdFx0XHRcdDxjZW50ZXI+U29ycnksIHRoZXJlIGlzIG5vIHRhc2sgaGVyZS48L2NlbnRlcj5cblxuXHRcdFx0PC9kaXY+XG5cdFx0PC9kaXY+XG5cdDwvZGl2PlxuPC90ZW1wbGF0ZT5cblxuPHNjcmlwdD5cblxuZXhwb3J0IGRlZmF1bHQge1xuXHRjb21wdXRlZDoge1xuXHRcdHRhc2tzOiBmdW5jdGlvbigpIHtcblx0XHRcdHJldHVybiB0aGlzLiRzdG9yZS5zdGF0ZS50YXNrc1xuXHRcdH1cblx0fSxcblx0bWV0aG9kczoge1xuXHRcdHN0YXR1c1RleHQ6IGZ1bmN0aW9uIChzdGF0dXMpIHtcblx0XHRcdHN3aXRjaCAoc3RhdHVzKSB7XG5cdFx0XHRcdGNhc2UgMTpcblx0XHRcdFx0XHRyZXR1cm4gJ3VwJztcblx0XHRcdFx0YnJlYWs7XG5cdFx0XHRcdGNhc2UgMDpcblx0XHRcdFx0XHRyZXR1cm4gJ2Rvd24nO1xuXHRcdFx0XHRicmVhaztcblx0XHRcdFx0ZGVmYXVsdDpcblx0XHRcdFx0XHRyZXR1cm4gJ3Vua25vd24nO1xuXHRcdFx0fVxuXHRcdH0sXG5cdH1cbn1cbjwvc2NyaXB0PlxuXG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/views/components/quickview.vue?vue&type=script&lang=js&\n");
 
 /***/ }),
 
@@ -2237,7 +2237,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"render\": () => (/* binding */ render),\n/* harmony export */   \"staticRenderFns\": () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"quick-view\" }, [\n    _c(\"h3\", [_vm._v(\"\\n\\t\\tQuick overview\\n\\t\")]),\n    _vm._v(\" \"),\n    _c(\n      \"div\",\n      { staticClass: \"block-content\" },\n      [\n        _vm._l(_vm.tasks, function (group) {\n          return _c(\n            \"div\",\n            {\n              key: group.id,\n              staticClass: \"new-group\",\n              attrs: { title: \"Group: \" + group.name },\n            },\n            [\n              _c(\n                \"a\",\n                { attrs: { href: \"#group-\" + group.id } },\n                _vm._l(group.tasks, function (task) {\n                  return _c(\n                    \"p\",\n                    {\n                      key: task.id,\n                      staticClass: \"square\",\n                      class:\n                        _vm.statusText(task.status) +\n                        (task.active == 0 ? \" inactive\" : \"\"),\n                      attrs: { href: \"#task-\" + task.id },\n                    },\n                    [\n                      _c(\"span\", { staticClass: \"small\" }, [\n                        _vm._v(_vm._s(task.id)),\n                      ]),\n                    ]\n                  )\n                }),\n                0\n              ),\n            ]\n          )\n        }),\n        _vm._v(\" \"),\n        _c(\"p\", { staticClass: \"spacer\" }, [_vm._v(\" \")]),\n      ],\n      2\n    ),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvdnVlLWxvYWRlci9saWIvbG9hZGVycy90ZW1wbGF0ZUxvYWRlci5qcz8/dnVlLWxvYWRlci1vcHRpb25zIS4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2luZGV4LmpzPz92dWUtbG9hZGVyLW9wdGlvbnMhLi9yZXNvdXJjZXMvdmlld3MvY29tcG9uZW50cy9xdWlja3ZpZXcudnVlP3Z1ZSZ0eXBlPXRlbXBsYXRlJmlkPTViMGNjNDEyJi5qcyIsIm1hcHBpbmdzIjoiOzs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EscUJBQXFCLDJCQUEyQjtBQUNoRDtBQUNBO0FBQ0E7QUFDQTtBQUNBLFFBQVEsOEJBQThCO0FBQ3RDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsdUJBQXVCLCtCQUErQjtBQUN0RCxhQUFhO0FBQ2I7QUFDQTtBQUNBO0FBQ0Esa0JBQWtCLFNBQVMsOEJBQThCO0FBQ3pEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLCtCQUErQiwwQkFBMEI7QUFDekQscUJBQXFCO0FBQ3JCO0FBQ0EsbUNBQW1DLHNCQUFzQjtBQUN6RDtBQUNBO0FBQ0E7QUFDQTtBQUNBLGlCQUFpQjtBQUNqQjtBQUNBO0FBQ0E7QUFDQTtBQUNBLFNBQVM7QUFDVDtBQUNBLGtCQUFrQix1QkFBdUI7QUFDekM7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9yZXNvdXJjZXMvdmlld3MvY29tcG9uZW50cy9xdWlja3ZpZXcudnVlP2JmNjUiXSwic291cmNlc0NvbnRlbnQiOlsidmFyIHJlbmRlciA9IGZ1bmN0aW9uICgpIHtcbiAgdmFyIF92bSA9IHRoaXNcbiAgdmFyIF9oID0gX3ZtLiRjcmVhdGVFbGVtZW50XG4gIHZhciBfYyA9IF92bS5fc2VsZi5fYyB8fCBfaFxuICByZXR1cm4gX2MoXCJkaXZcIiwgeyBzdGF0aWNDbGFzczogXCJxdWljay12aWV3XCIgfSwgW1xuICAgIF9jKFwiaDNcIiwgW192bS5fdihcIlxcblxcdFxcdFF1aWNrIG92ZXJ2aWV3XFxuXFx0XCIpXSksXG4gICAgX3ZtLl92KFwiIFwiKSxcbiAgICBfYyhcbiAgICAgIFwiZGl2XCIsXG4gICAgICB7IHN0YXRpY0NsYXNzOiBcImJsb2NrLWNvbnRlbnRcIiB9LFxuICAgICAgW1xuICAgICAgICBfdm0uX2woX3ZtLnRhc2tzLCBmdW5jdGlvbiAoZ3JvdXApIHtcbiAgICAgICAgICByZXR1cm4gX2MoXG4gICAgICAgICAgICBcImRpdlwiLFxuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBrZXk6IGdyb3VwLmlkLFxuICAgICAgICAgICAgICBzdGF0aWNDbGFzczogXCJuZXctZ3JvdXBcIixcbiAgICAgICAgICAgICAgYXR0cnM6IHsgdGl0bGU6IFwiR3JvdXA6IFwiICsgZ3JvdXAubmFtZSB9LFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFtcbiAgICAgICAgICAgICAgX2MoXG4gICAgICAgICAgICAgICAgXCJhXCIsXG4gICAgICAgICAgICAgICAgeyBhdHRyczogeyBocmVmOiBcIiNncm91cC1cIiArIGdyb3VwLmlkIH0gfSxcbiAgICAgICAgICAgICAgICBfdm0uX2woZ3JvdXAudGFza3MsIGZ1bmN0aW9uICh0YXNrKSB7XG4gICAgICAgICAgICAgICAgICByZXR1cm4gX2MoXG4gICAgICAgICAgICAgICAgICAgIFwicFwiLFxuICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAga2V5OiB0YXNrLmlkLFxuICAgICAgICAgICAgICAgICAgICAgIHN0YXRpY0NsYXNzOiBcInNxdWFyZVwiLFxuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzOlxuICAgICAgICAgICAgICAgICAgICAgICAgX3ZtLnN0YXR1c1RleHQodGFzay5zdGF0dXMpICtcbiAgICAgICAgICAgICAgICAgICAgICAgICh0YXNrLmFjdGl2ZSA9PSAwID8gXCIgaW5hY3RpdmVcIiA6IFwiXCIpLFxuICAgICAgICAgICAgICAgICAgICAgIGF0dHJzOiB7IGhyZWY6IFwiI3Rhc2stXCIgKyB0YXNrLmlkIH0sXG4gICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgIFtcbiAgICAgICAgICAgICAgICAgICAgICBfYyhcInNwYW5cIiwgeyBzdGF0aWNDbGFzczogXCJzbWFsbFwiIH0sIFtcbiAgICAgICAgICAgICAgICAgICAgICAgIF92bS5fdihfdm0uX3ModGFzay5pZCkpLFxuICAgICAgICAgICAgICAgICAgICAgIF0pLFxuICAgICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgMFxuICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgXVxuICAgICAgICAgIClcbiAgICAgICAgfSksXG4gICAgICAgIF92bS5fdihcIiBcIiksXG4gICAgICAgIF9jKFwicFwiLCB7IHN0YXRpY0NsYXNzOiBcInNwYWNlclwiIH0sIFtfdm0uX3YoXCLCoFwiKV0pLFxuICAgICAgXSxcbiAgICAgIDJcbiAgICApLFxuICBdKVxufVxudmFyIHN0YXRpY1JlbmRlckZucyA9IFtdXG5yZW5kZXIuX3dpdGhTdHJpcHBlZCA9IHRydWVcblxuZXhwb3J0IHsgcmVuZGVyLCBzdGF0aWNSZW5kZXJGbnMgfSJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/views/components/quickview.vue?vue&type=template&id=5b0cc412&\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"render\": () => (/* binding */ render),\n/* harmony export */   \"staticRenderFns\": () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"quick-view\" }, [\n    _c(\"h3\", [_vm._v(\"\\n\\t\\tQuick overview\\n\\t\")]),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"block-content\" }, [\n      _vm.tasks.length > 0\n        ? _c(\n            \"div\",\n            [\n              _vm._l(_vm.tasks, function (group) {\n                return _c(\n                  \"div\",\n                  {\n                    key: group.id,\n                    staticClass: \"new-group\",\n                    attrs: { title: \"Group: \" + group.name },\n                  },\n                  [\n                    _c(\n                      \"a\",\n                      { attrs: { href: \"#group-\" + group.id } },\n                      _vm._l(group.tasks, function (task) {\n                        return _c(\n                          \"p\",\n                          {\n                            key: task.id,\n                            staticClass: \"square\",\n                            class:\n                              _vm.statusText(task.status) +\n                              (task.active == 0 ? \" inactive\" : \"\"),\n                            attrs: { href: \"#task-\" + task.id },\n                          },\n                          [\n                            _c(\"span\", { staticClass: \"small\" }, [\n                              _vm._v(_vm._s(task.id)),\n                            ]),\n                          ]\n                        )\n                      }),\n                      0\n                    ),\n                  ]\n                )\n              }),\n              _vm._v(\" \"),\n              _c(\"p\", { staticClass: \"spacer\" }, [_vm._v(\" \")]),\n            ],\n            2\n          )\n        : _c(\n            \"div\",\n            [_c(\"center\", [_vm._v(\"Sorry, there is no task here.\")])],\n            1\n          ),\n    ]),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvdnVlLWxvYWRlci9saWIvbG9hZGVycy90ZW1wbGF0ZUxvYWRlci5qcz8/dnVlLWxvYWRlci1vcHRpb25zIS4vbm9kZV9tb2R1bGVzL3Z1ZS1sb2FkZXIvbGliL2luZGV4LmpzPz92dWUtbG9hZGVyLW9wdGlvbnMhLi9yZXNvdXJjZXMvdmlld3MvY29tcG9uZW50cy9xdWlja3ZpZXcudnVlP3Z1ZSZ0eXBlPXRlbXBsYXRlJmlkPTViMGNjNDEyJi5qcyIsIm1hcHBpbmdzIjoiOzs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EscUJBQXFCLDJCQUEyQjtBQUNoRDtBQUNBO0FBQ0EsZ0JBQWdCLDhCQUE4QjtBQUM5QztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLDZCQUE2QiwrQkFBK0I7QUFDNUQsbUJBQW1CO0FBQ25CO0FBQ0E7QUFDQTtBQUNBLHdCQUF3QixTQUFTLDhCQUE4QjtBQUMvRDtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxxQ0FBcUMsMEJBQTBCO0FBQy9ELDJCQUEyQjtBQUMzQjtBQUNBLHlDQUF5QyxzQkFBc0I7QUFDL0Q7QUFDQTtBQUNBO0FBQ0E7QUFDQSx1QkFBdUI7QUFDdkI7QUFDQTtBQUNBO0FBQ0E7QUFDQSxlQUFlO0FBQ2Y7QUFDQSx3QkFBd0IsdUJBQXVCO0FBQy9DO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vcmVzb3VyY2VzL3ZpZXdzL2NvbXBvbmVudHMvcXVpY2t2aWV3LnZ1ZT9iZjY1Il0sInNvdXJjZXNDb250ZW50IjpbInZhciByZW5kZXIgPSBmdW5jdGlvbiAoKSB7XG4gIHZhciBfdm0gPSB0aGlzXG4gIHZhciBfaCA9IF92bS4kY3JlYXRlRWxlbWVudFxuICB2YXIgX2MgPSBfdm0uX3NlbGYuX2MgfHwgX2hcbiAgcmV0dXJuIF9jKFwiZGl2XCIsIHsgc3RhdGljQ2xhc3M6IFwicXVpY2stdmlld1wiIH0sIFtcbiAgICBfYyhcImgzXCIsIFtfdm0uX3YoXCJcXG5cXHRcXHRRdWljayBvdmVydmlld1xcblxcdFwiKV0pLFxuICAgIF92bS5fdihcIiBcIiksXG4gICAgX2MoXCJkaXZcIiwgeyBzdGF0aWNDbGFzczogXCJibG9jay1jb250ZW50XCIgfSwgW1xuICAgICAgX3ZtLnRhc2tzLmxlbmd0aCA+IDBcbiAgICAgICAgPyBfYyhcbiAgICAgICAgICAgIFwiZGl2XCIsXG4gICAgICAgICAgICBbXG4gICAgICAgICAgICAgIF92bS5fbChfdm0udGFza3MsIGZ1bmN0aW9uIChncm91cCkge1xuICAgICAgICAgICAgICAgIHJldHVybiBfYyhcbiAgICAgICAgICAgICAgICAgIFwiZGl2XCIsXG4gICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgIGtleTogZ3JvdXAuaWQsXG4gICAgICAgICAgICAgICAgICAgIHN0YXRpY0NsYXNzOiBcIm5ldy1ncm91cFwiLFxuICAgICAgICAgICAgICAgICAgICBhdHRyczogeyB0aXRsZTogXCJHcm91cDogXCIgKyBncm91cC5uYW1lIH0sXG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgW1xuICAgICAgICAgICAgICAgICAgICBfYyhcbiAgICAgICAgICAgICAgICAgICAgICBcImFcIixcbiAgICAgICAgICAgICAgICAgICAgICB7IGF0dHJzOiB7IGhyZWY6IFwiI2dyb3VwLVwiICsgZ3JvdXAuaWQgfSB9LFxuICAgICAgICAgICAgICAgICAgICAgIF92bS5fbChncm91cC50YXNrcywgZnVuY3Rpb24gKHRhc2spIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiBfYyhcbiAgICAgICAgICAgICAgICAgICAgICAgICAgXCJwXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk6IHRhc2suaWQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3RhdGljQ2xhc3M6IFwic3F1YXJlXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M6XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBfdm0uc3RhdHVzVGV4dCh0YXNrLnN0YXR1cykgK1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKHRhc2suYWN0aXZlID09IDAgPyBcIiBpbmFjdGl2ZVwiIDogXCJcIiksXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYXR0cnM6IHsgaHJlZjogXCIjdGFzay1cIiArIHRhc2suaWQgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIF9jKFwic3BhblwiLCB7IHN0YXRpY0NsYXNzOiBcInNtYWxsXCIgfSwgW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgX3ZtLl92KF92bS5fcyh0YXNrLmlkKSksXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgXSksXG4gICAgICAgICAgICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICAgICAgICAwXG4gICAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgX3ZtLl92KFwiIFwiKSxcbiAgICAgICAgICAgICAgX2MoXCJwXCIsIHsgc3RhdGljQ2xhc3M6IFwic3BhY2VyXCIgfSwgW192bS5fdihcIsKgXCIpXSksXG4gICAgICAgICAgICBdLFxuICAgICAgICAgICAgMlxuICAgICAgICAgIClcbiAgICAgICAgOiBfYyhcbiAgICAgICAgICAgIFwiZGl2XCIsXG4gICAgICAgICAgICBbX2MoXCJjZW50ZXJcIiwgW192bS5fdihcIlNvcnJ5LCB0aGVyZSBpcyBubyB0YXNrIGhlcmUuXCIpXSldLFxuICAgICAgICAgICAgMVxuICAgICAgICAgICksXG4gICAgXSksXG4gIF0pXG59XG52YXIgc3RhdGljUmVuZGVyRm5zID0gW11cbnJlbmRlci5fd2l0aFN0cmlwcGVkID0gdHJ1ZVxuXG5leHBvcnQgeyByZW5kZXIsIHN0YXRpY1JlbmRlckZucyB9Il0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/views/components/quickview.vue?vue&type=template&id=5b0cc412&\n");
 
 /***/ }),
 
diff --git a/resources/views/components/quickview.vue b/resources/views/components/quickview.vue
index a64358e..74aea61 100644
--- a/resources/views/components/quickview.vue
+++ b/resources/views/components/quickview.vue
@@ -5,24 +5,34 @@
 		</h3>
 		<div class="block-content">
 			<div
-				v-for="group in tasks"
-				v-bind:key="group.id"
-				class="new-group"
-				:title="'Group: '+group.name"
+				v-if="tasks.length > 0"
 			>
-				<a :href="'#group-'+group.id">
-					<p
-						v-for="task in group.tasks"
-						v-bind:key="task.id"
-						:href="'#task-'+task.id"
-						:class="statusText(task.status)+(task.active == 0 ? ' inactive' : '')"
-						class="square"
-					>
-						<span class="small">{{task.id }}</span>
-					</p>
-				</a>
+				<div
+					v-for="group in tasks"
+					v-bind:key="group.id"
+					class="new-group"
+					:title="'Group: '+group.name"
+				>
+					<a :href="'#group-'+group.id">
+						<p
+							v-for="task in group.tasks"
+							v-bind:key="task.id"
+							:href="'#task-'+task.id"
+							:class="statusText(task.status)+(task.active == 0 ? ' inactive' : '')"
+							class="square"
+						>
+							<span class="small">{{task.id }}</span>
+						</p>
+					</a>
+				</div>
+				<p class="spacer">&nbsp;</p>
+			</div>
+			<div
+				v-else
+			>
+				<center>Sorry, there is no task here.</center>
+
 			</div>
-			<p class="spacer">&nbsp;</p>
 		</div>
 	</div>
 </template>