hide the details of a claim by default

src/views/ClaimView.vue

@@ -383,8 +383,15 @@
       <span v-if="isEditedGlobalId" class="mt-2">
         This record is an edited version. The latest version is being shown.
       </span>
+
+      <button @click="showVeriClaimDump = !showVeriClaimDump" class="ml-2">
+        Details
+        <fa v-if="showVeriClaimDump" icon="chevron-up" class="text-blue-400" />
+        <fa v-else icon="chevron-down" class="text-blue-400" />
+      </button>
       <!-- Keep the dump contents directly between > and < to avoid weird spacing. -->
       <pre
+        v-if="showVeriClaimDump"
         class="text-sm overflow-x-scroll px-4 py-3 bg-slate-100 rounded-md"
         >{{ veriClaimDump }}</pre
       >
@@ -468,6 +475,7 @@ export default class ClaimView extends Vue {
   numConfsNotVisible = 0; // number of hidden DIDs in the confirmerIdList, minus the issuer if they aren't visible
   showDidCopy = false;
   showIdCopy = false;
+  showVeriClaimDump = false;
   veriClaim = serverUtil.BLANK_GENERIC_SERVER_RECORD;
   veriClaimDump = "";
   veriClaimDidsVisible = {};