started responsive UI: header

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

@@ -2,7 +2,7 @@
   <div id="user-flags">
     <h2
       class="mdi mdi-folder-outline"
-    >{{ $t("materio.My folders") }} ({{collsLength}})</h2>
+    ><span>{{ $t("materio.My folders") }} ({{collsLength}})</span></h2>
     <ul>
       <li v-if="flagcolls" v-for="coll in flagcolls" :key="coll.id">
         <h5

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

@@ -1,12 +1,12 @@
 <template lang="html">
   <div id="user-tools">
-    <h4
-      class="mdi mdi-account"
-    >
-    <a href="/user">
-      {{ mail }}
+    <!-- <h4
+
+    > -->
+    <a class="mdi mdi-account" href="/user">
+      <span>{{ mail }}</span>
     </a>
-    </h4>
+    <!-- </h4> -->
     <a href="/admin/content/materials"
       v-if="isAdmin"
       class="mdi mdi-settings"