fix tags

webapp/src/components/DFCode.vue

@@ -1,7 +1,7 @@
 <template>
   <div style="position: relative">
     <v-btn color="white" @click="copyToClipboard" icon variant="plain" flat class="copy-button">
-      <v-icon>mdi-content-copy</v-icon>
+      <v-icon class="copy-icon-with-shadow">mdi-content-copy</v-icon>
     </v-btn>
     <code ref="codeContent">
       <slot></slot>
@@ -50,6 +50,11 @@ code {
   white-space: nowrap;
 }
 
+.copy-icon-with-shadow {
+  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 1));
+  /* Adjust shadow values as needed: horizontal-offset vertical-offset blur-radius color */
+}
+
 .copy-button {
   position: absolute;
   right: 0;

webapp/src/components/OSMTagSelector.vue

@@ -40,9 +40,14 @@
 
         <h5 class="text-center mt-4 serif">and if operator is known</h5>
         <DFCode>
-          operator=<span class="highlight">(Police Dept/Owner)</span><br>
-          operator:wikidata=<span class="highlight">(WikiData ID)</span><br>
+          operator=<span class="placeholder">[Enter operator name]</span><br>
+          operator:wikidata=<span class="placeholder">[Enter WikiData ID]</span>
         </DFCode>
+        <div class="text-caption text-center mt-1">
+          <a href="https://www.wikidata.org/wiki/Wikidata:Main_Page" target="_blank" rel="noopener" class="text-decoration-none text-grey-darken-1">
+            What is WikiData? <v-icon size="x-small">mdi-open-in-new</v-icon>
+          </a>
+        </div>
       </v-col>
     </v-row>
 </template>
@@ -84,9 +89,9 @@ const alprBrands: WikidataItem[] = [
     exampleImage: '/alprs/neology-2.jpg',
   },
   {
-    name: '(brand goes here)',
+    name: 'brand goes here',
     nickname: 'Other',
-    wikidata: '(wikidata goes here)',
+    wikidata: 'wikidata goes here',
     exampleImage: '/other-1.jpeg',
   }
 ];
@@ -102,6 +107,19 @@ const selectedBrand: Ref<WikidataItem> = ref(alprBrands[0]);
   font-weight: bold;
 }
 
+.placeholder {
+  background-color: #ffe066;
+  color: #333;
+  padding: 0.15rem;
+  border-radius: 0.25rem;
+  font-weight: bold;
+  font-style: italic;
+}
+
+.info-icon {
+  cursor: help;
+}
+
 .overlay {
   text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
   color: white;

webapp/src/components/layout/Footer.vue

@@ -57,7 +57,7 @@
         <div>
           <p>&copy; {{ currentYear }} DeFlock. All Rights Reserved</p>
           <p>Map data © <a href="https://www.openstreetmap.org/copyright" target="_blank" style="color: unset; font-weight: normal;">OpenStreetMap contributors</a></p>
-          <p class="mt-4">v1.0.5</p>
+          <p class="mt-4">v1.0.6</p>
         </div>
         </v-col>
       </v-row>