better flagcolls list display

web/themes/custom/materiotheme/assets/dist/main.css

@@ -1370,7 +1370,10 @@ header[role="banner"] {
       align-items: baseline;
       flex-wrap: nowrap; }
       header[role="banner"] #user-flags li h5 {
-        cursor: pointer; }
+        cursor: pointer;
+        font-weight: 700; }
+        header[role="banner"] #user-flags li h5 span.length {
+          font-weight: 300; }
       header[role="banner"] #user-flags li span.mdi {
         font-size: 0.9em; }
       header[role="banner"] #user-flags li div.actions {

web/themes/custom/materiotheme/assets/styles/main.scss

@@ -204,6 +204,10 @@ header[role="banner"]{
       h5{
         @extend %header-fs;
         cursor: pointer;
+        font-weight: 700;
+        span.length{
+          font-weight: 300;
+        }
       }
       span.mdi{
         font-size: 0.9em;

web/themes/custom/materiotheme/vuejs/components/User/UserFlags.vue

@@ -8,7 +8,7 @@
         <h5
           :flagcollid="coll.id"
           @click.prevent="onOpenFlagColl"
-        >{{ coll.name }} ({{ coll.items.length }})</h5>
+        >{{ coll.name }} <span class="length">({{ coll.items.length }})</span></h5>
         <div class="actions">
           <span
             class="delete-btn mdi"