<turbo-stream action="update" target="tag-modal-content"><template><turbo-frame id="tag-modal-content">
  <div class="sm:flex sm:items-start" data-action="click->tag#stopPropagation">
    <div class="mt-3 text-center sm:mt-0 sm:text-left w-full">
      <div class="flex items-center gap-3 mb-4">
        <div class="px-2 py-0.5 rounded-full !text-xs" data-bg-color>
          Layer of synovial tissue
        </div>
        <div class="bg-gray-100 text-gray-500 px-2 py-0.5 rounded-full !text-xs">
          UBERON:0007616
        </div>
      </div>
        <div class="border-t border-gray-100 pt-6">
          <dl class="space-y-4">
              <dd class="text-sm text-gray-600">
                A thin, loose vascular connective tissue that makes up the membranes surrounding joints and the sheaths protecting tendons (particularly flexor tendons in the hands and feet) where they pass over bony prominences. Synovial tissue contains synovial cells, which secrete a viscous liquid called synovial fluid; this liquid contains protein and hyaluronic acid and serves as a lubricant and nutrient for the joint cartilage surfaces[BTO]. Synovial tissue can be found in tendons (tissues that connect muscle to bone), bursae (fluid-filled, cushioning sacs found in spaces between tendons, ligaments, and bones), and the cavity (hollow enclosed area) that separates the bones of a freely movable joint, such as the knee or elbow[BTO].
              </dd>
            <dd>
              <a target="_blank" class="inline-flex items-center px-2.5 py-1.5 text-xs font-medium rounded text-gray-700 bg-gray-100 hover:bg-gray-200" href="http://purl.obolibrary.org/obo/UBERON_0007616">
                View in Ontology Tree
                <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
                </svg>
</a>            </dd>
          </dl>
        </div>
    </div>
  </div>
</turbo-frame></template></turbo-stream>