Merge branch 'develop' into feature/#15-color-schema

* develop:
  adjustments
  UPDATE infobar

src/components/infobar.vue

 <template>
   <div>
-    <h1 class="title text-h4 text-bold text-uppercase">
-      <span>{{ cut(collectiontitle) }}</span>
-      <q-icon
-        class="q-pb-xs q-pr-sm q-pl-sm"
-        size="sm"
-        :color="$q.dark.isActive ? 'white' : 'accent'"
-        :name="fasChevronRight"
-        />
-      <span>{{ cut(manifesttitle) }}</span>
+    <h1 class="text-h4 text-bold text-uppercase">
+      {{ collectiontitle }}
+    </h1>
+    <h2 class="text-h5 text-bold text-uppercase q-mt-none q-mb-ml">
+      <span>{{ manifesttitle }}</span>
       <q-icon
-        class="q-pb-xs q-pr-sm q-pl-sm"
+        class="q-pb-xs q-pl-sm q-pr-sm"
         size="sm"
         :color="$q.dark.isActive ? 'white' : 'accent'"
         :name="fasChevronRight"
         />
-      <span>{{ itemlabel }}</span>
-    </h1>
+      <span>Sheet {{ itemlabel }}</span>
+    </h2>
   </div>
 </template>
 
@@ -40,11 +36,6 @@ export default {
       return this.manifests[this.sequenceindex].label;
     },
   },
-  methods: {
-    cut(s) {
-      return s.length > 30 ? `${s.substring(0, 26)} ...` : s;
-    },
-  },
   created() {
     this.fasChevronRight = fasChevronRight;
   },