Order for asset metadata.

backend/src/Squidex.Domain.Apps.Entities/Assets/DomainObject/AssetCommandMiddleware.cs

@@ -6,6 +6,7 @@
 // ==========================================================================
 
 using System.Collections.Generic;
+using System.Linq;
 using System.Security.Cryptography;
 using System.Threading.Tasks;
 using Orleans;
@@ -41,7 +42,7 @@ namespace Squidex.Domain.Apps.Entities.Assets.DomainObject
 
             this.assetEnricher = assetEnricher;
             this.assetFileStore = assetFileStore;
-            this.assetMetadataSources = assetMetadataSources;
+            this.assetMetadataSources = assetMetadataSources.OrderBy(x => x.Order).ToList();
             this.assetQuery = assetQuery;
             this.contextProvider = contextProvider;
         }

backend/src/Squidex.Domain.Apps.Entities/Assets/IAssetMetadataSource.cs

@@ -13,6 +13,8 @@ namespace Squidex.Domain.Apps.Entities.Assets
 {
     public interface IAssetMetadataSource
     {
+        int Order => 0;
+
         Task EnhanceAsync(UploadAssetCommand command);
 
         IEnumerable<string> Format(IAssetEntity asset);

frontend/app/theme/_static.scss

@@ -12,13 +12,31 @@ noscript {
     margin-bottom: 20px;
 }
 
+@media (max-width: 550px) {
+    .profile {
+        background-color: $color-white;
+    }
+
+    .profile-card {
+        border: 0;
+    }
+
+    .profile-card-body {
+        padding: 0;
+    }
+
+    .profile-footer {
+        border: 0;
+    }
+}
+
 //
 // Profile element
 //
 .profile {
-    & {
+    &-container {
         margin: 0 auto;
-        max-width: 20rem;
+        max-width: 45rem;
         padding: 1rem 2rem;
     }
 
@@ -33,10 +51,6 @@ noscript {
         height: 1.75rem;
     }
 
-    &-lg {
-        max-width: 40rem;
-    }
-
     &-password-signup {
         color: $color-text-decent;
     }
@@ -107,8 +121,6 @@ noscript {
     .external {
         &-button {
             line-height: 1.8rem;
-            text-align: left;
-            text-transform: none;
         }
 
         &-button-small {
@@ -122,7 +134,6 @@ noscript {
             display: inline-block;
             font-size: 1.1rem;
             font-weight: normal;
-            height: 20px;
             vertical-align: middle;
             width: 1.6rem;
         }