More styling.

backend/src/Squidex/Areas/Api/Controllers/Apps/Models/ClientsDto.cs

@@ -30,7 +30,7 @@ namespace Squidex.Areas.Api.Controllers.Apps.Models
                     .ToArray()
             };
 
-            return result;
+            return result.CreateLinks(resources);
         }
 
         private ClientsDto CreateLinks(Resources resources)

backend/src/Squidex/Areas/IdentityServer/Views/Account/Consent.cshtml

@@ -15,7 +15,7 @@
     <h2>@T.Get("users.consent.headline")</h2>
         
     <label for="consentToAutomatedEmails">
-        <div class="card profile-section-sm @ErrorClass("ConsentToAutomatedEmails")">
+        <div class="card card-consent @ErrorClass("ConsentToAutomatedEmails")">
             <div class="card-body">
                 <h4 class="card-title">@T.Get("users.consent.emailHeadline")</h4>
 
@@ -32,7 +32,7 @@
     </label>
 
     <label for="consentToCookies">
-        <div class="card profile-section-sm @ErrorClass("ConsentToCookies")">
+        <div class="card card-consent @ErrorClass("ConsentToCookies")">
             <div class="card-body">
                 <h4 class="card-title">@T.Get("users.consent.cookiesHeadline")</h4>
 
@@ -49,7 +49,7 @@
     </label>
 
     <label for="consentToPersonalInformation">
-        <div class="card profile-section-sm @ErrorClass("ConsentToPersonalInformation")">
+        <div class="card card-consent @ErrorClass("ConsentToPersonalInformation")">
             <div class="card-body">
                 <h4 class="card-title">@T.Get("users.consent.piiHeadline")</h4>
 

backend/src/Squidex/Areas/IdentityServer/Views/Account/Login.cshtml

@@ -6,6 +6,7 @@
     ViewBag.Title = action;
 }
 
+<div class="login-container">
     <div class="container">
         <div class="row text-center">
             <div class="btn-group profile-headline">
@@ -96,3 +97,4 @@ else
             </a>
         </p>
     }
+</div>

frontend/app/theme/_static.scss

@@ -36,7 +36,7 @@ noscript {
 .profile {
     &-container {
         margin: 0 auto;
-        max-width: 30rem;
+        max-width: 40rem;
         min-width: 10rem;
         padding: 1rem 2rem;
     }
@@ -156,6 +156,12 @@ noscript {
     }
 }
 
+.login-container {
+    max-width: 20rem;
+    margin-left: auto;
+    margin-right: auto;
+}
+
 //
 // Splash text for loader.
 //
@@ -172,6 +178,10 @@ noscript {
     }
 }
 
+.card-consent {
+    border-color: transparent;
+}
+
 //
 // Loader element.
 //