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 d881e5fb624bb5cb77d77104ce235359ac9c10da..d5ea0dc05f2f1a980f4c8a61388cda4bbcb00156 100644 (file)
--- 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 c2ad62d3c3eec05dfbf9b8c26a3463bc77ee4e8f..f213123fb6c89c0d869da950fec69098d3a93656 100644 (file)
--- 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;
 }