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 {
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>
<div id="coauthorship_link_container" class="collaboratorship-link-container">
<a href="${coAuthorVisUrl}" title="${i18n().co_author_network}" class="btn btn-info" role="button">
<img src="${coAuthorIcon}" alt="${i18n().co_author}" width="25px" height="25px" />
${i18n().co_author_network}
</a>
</div>
<div class="visualization-buttons">
<div id="coauthorship_link_container" class="collaboratorship-link-container">
<a href="${coAuthorVisUrl}" title="${i18n().co_author_network}" class="btn btn-info" role="button">
<img src="${coAuthorIcon}" alt="${i18n().co_author}" width="25px" height="25px" />
${i18n().co_author_network}
</a>
</div>
<div id="mapofscience_link_container" class="collaboratorship-link-container">
<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" />
${i18n().map_of_science_capitalized}
</a>
<div id="mapofscience_link_container" class="collaboratorship-link-container">
<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" />
${i18n().map_of_science_capitalized}
</a>
</div>
</div>
</#if>