From de84dcffa1547be0b66dd198cfe0552c76b10d97 Mon Sep 17 00:00:00 2001
From: Graham Triggs <gtriggs@duraspace.org>
Date: Sun, 1 Oct 2017 10:57:09 +0100
Subject: [PATCH] Tenderfoot layout improvement

---
 .../themes/tenderfoot/css/page-individual.css |  8 -------
 .../individual/individual--foaf-person.ftl    | 21 +++++++++----------
 2 files changed, 10 insertions(+), 19 deletions(-)

diff --git a/webapp/src/main/webapp/themes/tenderfoot/css/page-individual.css b/webapp/src/main/webapp/themes/tenderfoot/css/page-individual.css
index 1a3e4f30..35d25f94 100644
--- a/webapp/src/main/webapp/themes/tenderfoot/css/page-individual.css
+++ b/webapp/src/main/webapp/themes/tenderfoot/css/page-individual.css
@@ -148,14 +148,6 @@ ul#individual-personInPosition li:last-child {
     padding-bottom: 5px;
 }
 
-section.vcard {
-    float: left;
-}
-
-section#preferredTitle {
-    float: left;
-}
-
 section#preferredTitle h2 {
     float: left;
     font-size: 1em;
diff --git a/webapp/src/main/webapp/themes/tenderfoot/templates/body/individual/individual--foaf-person.ftl b/webapp/src/main/webapp/themes/tenderfoot/templates/body/individual/individual--foaf-person.ftl
index 86805168..ae6b47cf 100644
--- a/webapp/src/main/webapp/themes/tenderfoot/templates/body/individual/individual--foaf-person.ftl
+++ b/webapp/src/main/webapp/themes/tenderfoot/templates/body/individual/individual--foaf-person.ftl
@@ -50,9 +50,18 @@
             <!-- div id="photo-wrapper">${individualImage}</div -->
 		${individualImage}
 		</div>
-		<div class="col-md-10 person-details">
+		<div class="col-xs-10 person-details">
 			<div class="row title">
 				<div class="col-md-12">
+					<span id="iconControlsRightSide">
+						<img id="uriIcon" title="${individual.uri}" src="${urls.images}/individual/uriIcon.gif" alt="${i18n().uri_icon}"/>
+						<#if checkNamesResult?has_content >
+							<img id="qrIcon"  src="${urls.images}/individual/qr_icon.png" alt="${i18n().qr_icon}" />
+								<span id="qrCodeImage" class="hidden">${qrCodeLinkedImage!}
+									<a class="qrCloseLink" href="#"  title="${i18n().qr_code}">${i18n().close_capitalized}</a>
+								</span>
+						</#if>
+					</span>
 					<section class="vcard person">
 						<h1 class="foaf-person">
 							<#-- Label -->
@@ -79,16 +88,6 @@
 							</#if>
 						</section>
 					</section>
-					<span id="iconControlsRightSide">
-						<img id="uriIcon" title="${individual.uri}" src="${urls.images}/individual/uriIcon.gif" alt="${i18n().uri_icon}"/>
-						<#if checkNamesResult?has_content >
-							<img id="qrIcon"  src="${urls.images}/individual/qr_icon.png" alt="${i18n().qr_icon}" />
-							<span id="qrCodeImage" class="hidden">${qrCodeLinkedImage!}
-								<a class="qrCloseLink" href="#"  title="${i18n().qr_code}">${i18n().close_capitalized}</a>
-							</span>
-						</#if>
-				</span>
-
 				</div>
 			</div>
 			<div class="row person-details">