Use buttons for catalogue entry GUI

src/objectList.vue

@@ -8,21 +8,22 @@
       <template #default>
         <v-expansion-panels v-for = "(subcats, categoryName) in objLib" :key="categoryName">
           <v-expansion-panel >
-            <v-expansion-panel-title>{{ categoryName }}</v-expansion-panel-title>
+            <v-expansion-panel-title class="text-h5">{{ categoryName }}</v-expansion-panel-title>
             <v-container v-for="(entries, subCategory) in subcats" :key = "subCategory" class=" py-1 px-1 border-b-md" expandable>
               <v-col>
-              <VcsLabel class="mb-4">{{subCategory}}</VcsLabel>
+              <VcsLabel class="mb-4 text-h2">{{subCategory}}</VcsLabel>
               <v-list>
                 <v-row>
-                <v-list-item
+                  <vcs-button
                       v-for="entry in entries"
                       :key="entry.title"
-                    class="d-flex align-center my-0 mx-1 border"
                       @click="fetchCatalogueModel(entry.model)"
-                    style ="cursor: pointer;"
+                      class="p-0 mx-1 my-0 border gc-2"
+                      style="width: auto; height: auto; margin-left: 1rem; margin-bottom: 1px;"
+                      variant="filled"
                   >
-                  <img :src="entry.icon" :alt="entry.icon"/>
-                </v-list-item>
+                    <img :src="entry.icon" :alt="entry.icon" style="display: block; max-width: 100%; max-height: 100%;" />
+                  </vcs-button>
                 </v-row>
               </v-list>
               </v-col>
@@ -107,7 +108,7 @@ import {
   VcsFormButton,
   VcsFormSection,
   VcsLabel,
-  VcsList,
+  VcsList, VcsListItemComponent,
   VcsTextField,
   VcsTreeview,
   VcsTreeviewTitle,
@@ -385,6 +386,7 @@ function uploadModel() {
   export default {
     name: 'objectList',
     components: {
+      VcsListItemComponent,
       VcsButton,
       VcsLabel,
       VcsExpansionPanel,