X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrio%2Ftemplates%2Fvcard-widget.tpl;h=0eae2841bd3e200d19e06e5ca96017f7e5284c77;hb=fabc90e9dd5f1c4280a9bfa6c6930a3fc985f87a;hp=472dced2b4b5a5c666e0b71032c6d62275abbfca;hpb=0eb69b963e5bc17f94064e20a0b7629296f5aeb8;p=friendica.git

diff --git a/view/theme/frio/templates/vcard-widget.tpl b/view/theme/frio/templates/vcard-widget.tpl
index 472dced2b4..0eae2841bd 100644
--- a/view/theme/frio/templates/vcard-widget.tpl
+++ b/view/theme/frio/templates/vcard-widget.tpl
@@ -1,10 +1,12 @@
+<div class="vcard h-card widget">
 
-<div class="vcard widget">
-	{{if $url}}
-		<div id="profile-photo-wrapper" class="thumbnail"><a href="{{$url}}"><img class="vcard-photo photo" src="{{$photo}}" alt="{{$name}}" /></a></div>
-	{{else}}
-		<div id="profile-photo-wrapper" class="thumbnail"><img class="vcard-photo photo" src="{{$photo}}" alt="{{$name}}" /></div>
-	{{/if}}
+	<div id="profile-photo-wrapper">
+		{{if $url}}
+		<a href="{{$url}}"><img class="photo u-photo" src="{{$photo}}" alt="{{$name}}" /></a>
+		{{else}}
+		<img class="photo u-photo" src="{{$photo}}" alt="{{$name}}" />
+		{{/if}}
+	</div>
 
 	{{* The short information which will appended to the second navbar by scrollspy *}}
 	<div id="vcard-short-info-wrapper" style="display: none;">
@@ -21,12 +23,16 @@
 	</div>
 
 	<div class="panel-body">
-		<div class="fn">{{$name}}</div>
-		{{if $addr}}<div class="p-addr">{{$addr}}</div>{{/if}}
-		{{if $pdesc}}<div class="title">{{$pdesc}}</div>{{/if}}
+		<div class="profile-header">
+			<h3 class="fn p-name">{{$name}}</h3>
+
+			{{if $addr}}<div class="p-addr">{{$addr}}</div>{{/if}}
+
+			{{if $pdesc}}<div class="title">{{$pdesc}}</div>{{/if}}
 
-		{{if $account_type}}<div class="account-type">{{$account_type}}</div>{{/if}}
-		{{if $network_name}}<dl class="network"><dt class="network-label">{{$network}}</dt><dd class="x-network">{{$network_name}}</dd></dl>{{/if}}
-		<div id="profile-vcard-break"></div>
+			{{if $account_type}}<div class="account-type">{{$account_type}}</div>{{/if}}
+
+			{{if $network_link}}<dl class="network"><dt class="network-label">{{$network}}</dt><dd class="x-network">{{$network_link nofilter}}</dd></dl>{{/if}}
+		</div>
 	</div>
 </div>