From dc13a189035167d7c12a9baec89101a3dab95a8d Mon Sep 17 00:00:00 2001
From: Graham Triggs <gtriggs@duraspace.org>
Date: Fri, 7 Apr 2017 16:47:32 -0600
Subject: [PATCH] Reformat vis buttons

---
 .../tenderfoot/css/individual-tenderfoot.css  | 26 +++++++++++++++++++
 .../individual-visualizationFoafPerson.ftl    | 26 ++++++++++---------
 2 files changed, 40 insertions(+), 12 deletions(-)

diff --git a/webapp/src/main/webapp/themes/tenderfoot/css/individual-tenderfoot.css b/webapp/src/main/webapp/themes/tenderfoot/css/individual-tenderfoot.css
index 6f184ccd..c8879869 100644
--- a/webapp/src/main/webapp/themes/tenderfoot/css/individual-tenderfoot.css
+++ b/webapp/src/main/webapp/themes/tenderfoot/css/individual-tenderfoot.css
@@ -11,4 +11,30 @@ 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;
 }
\ No newline at end of file
diff --git a/webapp/src/main/webapp/themes/tenderfoot/templates/body/partials/individual/individual-visualizationFoafPerson.ftl b/webapp/src/main/webapp/themes/tenderfoot/templates/body/partials/individual/individual-visualizationFoafPerson.ftl
index c7729982..176387b7 100644
--- a/webapp/src/main/webapp/themes/tenderfoot/templates/body/partials/individual/individual-visualizationFoafPerson.ftl
+++ b/webapp/src/main/webapp/themes/tenderfoot/templates/body/partials/individual/individual-visualizationFoafPerson.ftl
@@ -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 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 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>
             </div>
         </#if>