Reformat vis buttons

This commit is contained in:
Graham Triggs 2017-04-07 16:47:32 -06:00
parent 9e2f8439ef
commit dc13a18903
2 changed files with 40 additions and 12 deletions

View file

@ -12,3 +12,29 @@ article.property h3 {
article.property li h3 { article.property li h3 {
background-image: none; background-image: none;
} }
.collaboratorship-link-container {
margin: 12px 0 8px 0;
width: auto;
}
.collaboratorship-link-container a {
min-width: 185px;
}
.collaboratorship-link-container a.btn-info {
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
background-color: #e0e0e0;
border-color: #ccc;
color: #333;
}
.collaboratorship-link-container img {
height: 14px;
width: 14px;
}
.visualization-buttons {
text-align: center;
}

View file

@ -133,18 +133,20 @@
} }
</script> </script>
<div id="coauthorship_link_container" class="collaboratorship-link-container"> <div class="visualization-buttons">
<a href="${coAuthorVisUrl}" title="${i18n().co_author_network}" class="btn btn-info" role="button"> <div id="coauthorship_link_container" class="collaboratorship-link-container">
<img src="${coAuthorIcon}" alt="${i18n().co_author}" width="25px" height="25px" /> <a href="${coAuthorVisUrl}" title="${i18n().co_author_network}" class="btn btn-info" role="button">
${i18n().co_author_network} <img src="${coAuthorIcon}" alt="${i18n().co_author}" width="25px" height="25px" />
</a> ${i18n().co_author_network}
</div> </a>
</div>
<div id="mapofscience_link_container" class="collaboratorship-link-container"> <div id="mapofscience_link_container" class="collaboratorship-link-container">
<a href="${mapOfScienceVisUrl}" title="${i18n().map_of_science}" class="btn btn-info" role="button"> <a href="${mapOfScienceVisUrl}" title="${i18n().map_of_science}" class="btn btn-info" role="button">
<img src="${mapOfScienceIcon}" alt="${i18n().map_of_science}" width="25px" height="25px" /> <img src="${mapOfScienceIcon}" alt="${i18n().map_of_science}" width="25px" height="25px" />
${i18n().map_of_science_capitalized} ${i18n().map_of_science_capitalized}
</a> </a>
</div>
</div> </div>
</#if> </#if>