Add color indicators to task list (#321)

fix requested changes

use computed for listColor, moved .colorBubble to theme.scss

fixed tabs

add color indicator to task list

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/321
Reviewed-by: konrad <konrad@kola-entertainments.de>
Co-Authored-By: Bouni <bouni@owee.de>
Co-Committed-By: Bouni <bouni@owee.de>

src/styles/components/tasks.scss

@@ -53,6 +53,11 @@
       display: none;
     }
 
+    .color-bubble {
+      width: 11px;
+      height: 10px;
+    }
+
     .tag {
       margin: 0 0.5em;
     }

src/styles/theme/navigation.scss

@@ -163,11 +163,8 @@
         }
 
         .color-bubble {
-          display: inline-block;
           width: 14px; // Without this, the bubble is only 10.2342357612px wide and seems squashed.
           height: 12px;
-          border-radius: 100%;
-          margin-right: 4px;
         }
 
         .favorite {

src/styles/theme/theme.scss

@@ -98,3 +98,9 @@ button.table {
 .is-fullwidth {
   width: 100%;
 }
+
+.color-bubble {
+  display: inline-block;
+  border-radius: 100%;
+  margin-right: 4px;
+}