feat: add FIXME comments

src/styles/theme/form.scss

@@ -1,3 +1,8 @@
+// FIXME:
+// this should be moved to button.vue
+// what prevents this currently is that the class is also used
+// on a <select> element in userTeam.vue
+// -> Maybe create a mixin and import in both components?
 .button {
   transition: all $transition;
   border: 0;
@@ -105,6 +110,9 @@
   margin-right: 0.05rem !important;
 }
 
+// FIXME: used for
+// - the <h1> in heading.vue
+// - the <h2> in Kanban.vue
 // Contenteditable form
 .input.title {
   font-size: 1.8rem;

src/styles/theme/loading.scss

@@ -1,3 +1,4 @@
+// FIXME: move to loading.vue 
 .loader-container.is-loading {
 	position: relative;
 	pointer-events: none;
@@ -14,6 +15,7 @@
 	}
 }
 
+// FIXME: move to ShowTasks.vue 
 .spinner.is-loading {
 	pointer-events: none;
 

src/styles/theme/navigation.scss

@@ -1,3 +1,5 @@
+// FIXME: create <MenuButton> component
+
 .menu-hide-button,
 .menu-show-button {
 	display: none;

src/styles/theme/theme.scss

@@ -64,6 +64,7 @@ h6 {
 	}
 }
 
+// FIXME: these helpers should be mixins
 .has-no-border {
   border: none !important;
 }
@@ -81,6 +82,7 @@ h6 {
 	overflow-x: auto;
 }
 
+// FIXME: this should be moved in a Avatar component
 .image.is-avatar {
   border-radius: 100%;
 }
@@ -89,6 +91,8 @@ button.table {
   margin-bottom: 0 !important;
 }
 
+// FIXME: merge with dropdown-item.vue
+// for this to happen the component has to be used everywhere
 .dropdown-item {
   display: flex;
   align-items: center;