From: rabuzarus <rabuzarus@t-online.de>
Date: Thu, 14 Feb 2019 02:06:57 +0000 (+0100)
Subject: frio - some small styling fixes for the manage page (badges, center name, paddings)
X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=ecc393e1c3727029ae7cb6062269242ac885950d;p=friendica.git

frio - some small styling fixes for the manage page (badges, center name, paddings)
---

diff --git a/view/templates/manage.tpl b/view/templates/manage.tpl
index d881e5fb62..d5ea0dc05f 100644
--- a/view/templates/manage.tpl
+++ b/view/templates/manage.tpl
@@ -11,7 +11,7 @@
 			<div class="identity-match-photo" id="identity-match-photo-{{$id.uid}}">
 				<button name="identity" value="{{$id.uid}}" onclick="this.form.submit();" title="{{$id.username}}">
 					<img src="{{$id.thumb}}" alt="{{$id.username}}" />
-					{{if $id.notifications}}<span class="manage-notify">{{$id.notifications}}</span>{{/if}}
+					{{if $id.notifications}}<span class="manage-notify badge">{{$id.notifications}}</span>{{/if}}
 				</button>
 			</div>
 
diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index c2ad62d3c3..f213123fb6 100644
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -3165,7 +3165,33 @@ section.help-content-wrapper li {
     pointer-events: none;
 }
 
-/* Register Page*/
+/* Manage Page */
+#identity-selector-wrapper {
+    width: auto;
+    height: auto;
+    margin-top: 20px;
+}
+#identity-selector-wrapper .identity-match-photo {
+    width: auto;
+    float: none;
+}
+#identity-selector-wrapper .identity-match-photo button {
+    position: relative;
+}
+#identity-selector-wrapper .identity-match-photo .badge {
+    position: absolute;
+    top: -8px;
+    right: -8px;
+}
+#identity-selector-wrapper .identity-match-name {
+    text-align: center;
+}
+#identity-selector-wrapper .identity-match-details {
+    width: auto;
+    float: none;
+}
+
+/* Register Page */
 #register-openid-wrapper, #register-name-wrapper, #register-invite-wrapper, #profile-publish-wrapper {
     margin-top: 20px;
 }