diff --git a/web/src/components/CondensateDetailPage.vue b/web/src/components/CondensateDetailPage.vue index 6f0bddfe9a2087fbcf010d1fb9c7ca763e982abf..f7a00f5bf05128342a769789683376c197c4d849 100644 --- a/web/src/components/CondensateDetailPage.vue +++ b/web/src/components/CondensateDetailPage.vue @@ -620,15 +620,30 @@ <label class="control-label col-sm-2" for="species" >Add protein with uniprot ID</label > - <div class="col-sm-4"> - <input - id="keyword" - v-model.trim="uniprotId" - class="form-control input-sm" - type="text" - placeholder="Uniprot ID" - @keyup="uniprotKeyup" - /> + <div class="col-sm-4 text-2xl"> + <div class="flex"> + <input + id="keyword" + v-model.trim="uniprotId" + class="form-control" + type="text" + placeholder="Uniprot ID" + @keyup="uniprotKeyup" + /> + + <a + class=" + uniprot-link + tooltipped + ml-2 + tooltipped-e + " + aria-label="Proteins which can help in unique identification of the condensate organelle" + > + <span class="fa fa-info-circle" /> + </a> + </div> + <p v-if="isUniProtIdError" class="text-red-600 mt-4 font-bold"