diff --git a/mod/manage.php b/mod/manage.php
index 5513ebe08..bfa4d1475 100644
--- a/mod/manage.php
+++ b/mod/manage.php
@@ -98,8 +98,16 @@ function manage_content(&$a) {
}
$identities = $a->identities;
- foreach($identities as $key=>$id) {
- $identities[$key]['selected'] = (($id['nickname'] === $a->user['nickname']) ? ' selected="selected" ' : '');
+
+ //getting additinal information for each identity
+ foreach ($identities as $key=>$id) {
+ $thumb = q("SELECT `thumb` FROM `contact` WHERE `uid` = '%s' AND `self` = 1",
+ dbesc($id['uid'])
+ );
+
+ $identities[$key][thumb] = $thumb[0][thumb];
+
+ $identities[$key]['selected'] = (($id['nickname'] === $a->user['nickname']) ? true : false);
}
$o = replace_macros(get_markup_template('manage.tpl'), array(
diff --git a/view/global.css b/view/global.css
index 55f44ee51..477f778d9 100644
--- a/view/global.css
+++ b/view/global.css
@@ -213,6 +213,50 @@ a {
border: 0;
}
+.itentity-match-wrapper {
+ float: left;
+ padding: 10px;
+ width: 120px;
+ height: 140px;
+ margin-bottom: 20px;
+}
+
+.identity-match-photo {
+ float: left;
+ text-align: center;
+ width: 120px;
+}
+
+.identity-match-name {
+ text-align: center;
+}
+
+.identity-match-details {
+ float: left;
+ text-align: center;
+ width: 120px;
+ overflow: hidden;
+ font-size: 10px;
+ font-weight: 500;
+ color: #999999;
+}
+
+.identity-match-break, .identity-match-end {
+ clear: both;
+}
+
+.identity-match-photo button {
+ border: none;
+ padding: 0;
+ margin: 0;
+ background: none;
+ height: 80px;
+ width: 80px;
+}
+
+.selected-identity img {
+ border: 2px solid #ff0000;
+}
/* poke */
#poke-desc {
margin: 5px 0 10px;
diff --git a/view/templates/manage.tpl b/view/templates/manage.tpl
index 80477bc40..8a7922d7b 100644
--- a/view/templates/manage.tpl
+++ b/view/templates/manage.tpl
@@ -2,17 +2,30 @@
{{$title}}
{{$desc}}
{{$choose}}
+
-
+
+
+
+
\ No newline at end of file
diff --git a/view/theme/frost-mobile/style.css b/view/theme/frost-mobile/style.css
index 5f78cfc4b..6d7acd371 100644
--- a/view/theme/frost-mobile/style.css
+++ b/view/theme/frost-mobile/style.css
@@ -3250,17 +3250,49 @@ aside input[type='text'] {
margin: 10px;
}
-#identity-manage-desc {
- margin-top:15px;
- margin-bottom: 15px;
+.itentity-match-wrapper {
+ float: left;
+ padding: 10px;
+ width: 120px;
+ height: 140px;
+ margin-bottom: 20px;
}
-#identity-manage-choose {
- margin-bottom: 15px;
+.identity-match-photo {
+ float: left;
+ text-align: center;
+ width: 120px;
}
-#identity-submit {
- margin-top: 20px;
+.identity-match-name {
+ text-align: center;
+}
+
+.identity-match-details {
+ float: left;
+ text-align: center;
+ width: 120px;
+ overflow: hidden;
+ font-size: 10px;
+ font-weight: 500;
+ color: #999999;
+}
+
+.identity-match-break, .identity-match-end {
+ clear: both;
+}
+
+.identity-match-photo button {
+ border: none;
+ padding: 0;
+ margin: 0;
+ background: none;
+ height: 80px;
+ width: 80px;
+}
+
+.selected-identity img {
+ border: 2px solid #ff0000;
}
#photo-nav {
diff --git a/view/theme/frost/style.css b/view/theme/frost/style.css
index 396f32cf9..a4661b2df 100644
--- a/view/theme/frost/style.css
+++ b/view/theme/frost/style.css
@@ -3022,17 +3022,49 @@ aside input[type='text'] {
margin: 10px;
}
-#identity-manage-desc {
- margin-top:15px;
- margin-bottom: 15px;
+.itentity-match-wrapper {
+ float: left;
+ padding: 10px;
+ width: 120px;
+ height: 140px;
+ margin-bottom: 20px;
}
-#identity-manage-choose {
- margin-bottom: 15px;
+.identity-match-photo {
+ float: left;
+ text-align: center;
+ width: 120px;
}
-#identity-submit {
- margin-top: 20px;
+.identity-match-name {
+ text-align: center;
+}
+
+.identity-match-details {
+ float: left;
+ text-align: center;
+ width: 120px;
+ overflow: hidden;
+ font-size: 10px;
+ font-weight: 500;
+ color: #999999;
+}
+
+.identity-match-break, .identity-match-end {
+ clear: both;
+}
+
+.identity-match-photo button {
+ border: none;
+ padding: 0;
+ margin: 0;
+ background: none;
+ height: 80px;
+ width: 80px;
+}
+
+.selected-identity img {
+ border: 2px solid #ff0000;
}
#photo-prev-link, #photo-next-link {