list-group

frontend/src/resources/css/components-dashboard.css

@@ -144,6 +144,10 @@
     padding: 0;
 }
 
+.webbpm.ervu_dashboard .mute {
+    color: var(--color-text-mute);
+}
+
 .webbpm.ervu_dashboard .text-invert > div {
     flex-direction: row-reverse;
 
@@ -151,7 +155,11 @@
         width: auto;
         margin-right: 0;
     }
+    & > div:last-of-type {
+        overflow: visible;
     }
+}
+
 
 .webbpm.ervu_dashboard tab-container {
     .nav-tabs {
@@ -212,6 +220,33 @@
     margin-left: 8px;
 }
 
+.webbpm.ervu_dashboard .list-group {
+    padding: 16px;
+    border-radius: 8px;
+    border: 0;
+    background-color: var(--color-dark-20);
+
+    & + .list-group {
+        margin-top: 16px;
+    }
+    .list-group + .list-group {
+        margin-top: 8px;
+    }
+    text {
+        .form-group {
+            margin-bottom: 0;
+        }
+        &.num-addtitle {
+            & > div > div:first-child {
+                color: var(--color-text-secondary);
+            }            
+            & > div > div:last-child {
+                font-size: var(--size-num-addtitle);
+            }
+        } 
+    }
+}
+
 .webbpm.ervu_dashboard .parent-block {
     padding: 12px;
     border-radius: 16px;

frontend/src/resources/css/inbox-dashboard.css

@@ -53,6 +53,7 @@
     --size-text-secondary: 14px;    
     --size-num-title: 60px;
     --size-num-subtitle: 48px;
+    --size-num-addtitle: 40px;
     --size-num-primary: 32px; 
     --size-num-secondary: 24px;