More css improvements.

src/Squidex/Views/Account/Login.cshtml

@@ -44,8 +44,8 @@
             var schema = provider.AuthenticationScheme.ToLowerInvariant();
 
             <div class="form-group">
-                <button class="btn btn-external btn-block btn btn-@schema" type="submit" name="provider" value="@provider.AuthenticationScheme">
-                    <i class="icon-external icon-@schema"></i> @type with <strong>@provider.AuthenticationScheme</strong>
+                <button class="btn external-button btn-block btn btn-@schema" type="submit" name="provider" value="@provider.AuthenticationScheme">
+                    <i class="icon-@schema external-icon"></i> @type with <strong>@provider.AuthenticationScheme</strong>
                 </button>
             </div>
         }

src/Squidex/app/theme/_static.scss

@@ -11,7 +11,7 @@ noscript {
 
 .profile {
     & {
-        max-width: 20rem;
+        width: 20rem;
         margin: 0 auto;
         padding: 1rem 2rem;
     }
@@ -87,31 +87,25 @@ noscript {
         }
     }
 
-    .btn-external {
-        & {
+    .form-group {
+        margin-bottom: .5rem;
+    }
+
+    .external {
+        &-button {
             text-align: left;
             text-transform: none;
             line-height: 1.8rem;
         }
 
-        &:hover,
-        &:focus {
-            .icon-external {
-                color: $color-dark-foreground;
-            }
+        &-icon {
+            display: inline-block;
+            font-size: 1.3rem;
+            font-weight: normal;
+            vertical-align: middle;
+            width: 1.6rem;
         }
     }
-
-    .icon-external {
-        margin-right: .5rem;
-        font-size: 1.3rem;
-        font-weight: normal;
-        vertical-align: middle;
-    }
-
-    .form-group {
-        margin-bottom: .5rem;
-    }
 }
 
 .splash {