fix hints and warnings

.gitignore

@@ -4,3 +4,4 @@ obj/
 .vscode/
 node_modules/
 *.csproj.user
+.idea

PointCloudWeb.Web/src/components/ScanItem.vue

@@ -14,16 +14,16 @@
 
           <button class="button-delete" @click="onClickDelete()">
             <font-awesome-icon class="icon" icon="trash"></font-awesome-icon>
-            <p class="button-text">Delete</p>
+            <span class="button-text">Delete</span>
           </button>
 
           <button @click="onClickSave()">
             <font-awesome-icon class="icon" icon="edit"></font-awesome-icon>
-            <p class="button-text">Save</p>
+            <span class="button-text">Save</span>
           </button>
           <button @click="onClickEdit()">
             <font-awesome-icon class="icon" icon="times"></font-awesome-icon>
-            <p class="button-text">Cancel</p>
+            <span class="button-text">Cancel</span>
           </button>
         </div>
       </div>
@@ -54,7 +54,7 @@ export default {
       this.isCollapsed = !this.isCollapsed;
 
       if (this.isCollapsed) {
-        this.$refs.settings.style.height = 0;
+        this.$refs.settings.style.height = "0";
       } else {
         this.editPcName = this.item.name;
         this.$refs.settings.style.height =
@@ -76,11 +76,11 @@ export default {
       });
     },
     outerHeight(el) {
-      var width = el.offsetHeight;
+      let height = el.offsetHeight;
       const style = getComputedStyle(el);
 
-      width += parseInt(style.marginTop) + parseInt(style.marginTop);
-      return width;
+      height += parseInt(style.marginTop) + parseInt(style.marginTop);
+      return height;
     },
   },
   computed: {
@@ -100,8 +100,7 @@ export default {
 
 .caption {
   display: inline-block;
-  margin: 0px;
-  margin-left: 5px;
+  margin: 0 0 0 5px;
   font-size: 0.8em;
   cursor: pointer;
   user-select: none;
@@ -114,14 +113,10 @@ export default {
 
 .button-text {
   display: inline-block;
-  margin: 0px;
+  margin: 0;
 }
 
 #settings {
-  -moz-transition: height 0.1s;
-  -ms-transition: height 0.1s;
-  -o-transition: height 0.1s;
-  -webkit-transition: height 0.1s;
   transition: height 0.1s;
   height: 0;
   overflow: hidden;

PointCloudWeb.Web/src/main.js

@@ -11,9 +11,8 @@ library.add(faEdit, faEye, faEyeSlash, faTrash, faTimes)
 
 //Vue.config.productionTip = false
 
-const app = createApp(App)
+createApp(App)
     .use(router)
     .use(store)
-    .component('font-awesome-icon', FontAwesomeIcon);
-
-app.mount('#app')
+    .component('font-awesome-icon', FontAwesomeIcon)
+    .mount('#app');

PointCloudWeb.Web/src/views/Map.vue

@@ -39,7 +39,7 @@ export default {
 }
 
 ul {
-  padding-left: 0px;
+  padding-left: 0;
 }
 
 li {
@@ -49,31 +49,17 @@ li {
 
 p {
   display: inline-block;
-  margin: 0px;
-  margin-left: 10px;
+  margin: 0 0 0 10px;
 }
 
 h3 {
-  margin: 0px;
+  margin: 0;
 }
 
 a {
   text-decoration: none;
 }
 
-button {
-  display: inline-block;
-  border-top: 0px;
-  border-bottom: 0px;
-  border-left: 0px;
-  border-right: 0px;
-
-  background: none;
-  cursor: pointer;
-  color: grey;
-  font-size: inherit;
-}
-
 #map-settings {
   grid-area: right;
   border-left: 1px solid black;
@@ -96,7 +82,7 @@ button {
   height: calc(
     100vh - 2em - 20px - 1px
   ); /*viewport height - height of navbar-button - padding - borderline*/
-  grid-gap: 0px;
-  padding: 0px;
+  grid-gap: 0;
+  padding: 0;
 }
 </style>