From 16712a27dd152430b710f365d41e66ce1530b401 Mon Sep 17 00:00:00 2001
From: Sebastian <sebastian@squidex.io>
Date: Sat, 9 Nov 2019 21:30:51 +0100
Subject: [PATCH] Styling fixes.

---
 .../clients/client-connect-form.component.html   |  6 +++---
 .../clients/client-connect-form.component.scss   |  4 ++++
 .../settings/pages/clients/client.component.scss | 16 +---------------
 3 files changed, 8 insertions(+), 18 deletions(-)

diff --git a/frontend/app/features/settings/pages/clients/client-connect-form.component.html b/frontend/app/features/settings/pages/clients/client-connect-form.component.html
index 699e045c5..0e9548482 100644
--- a/frontend/app/features/settings/pages/clients/client-connect-form.component.html
+++ b/frontend/app/features/settings/pages/clients/client-connect-form.component.html
@@ -58,7 +58,7 @@
 
             <ng-container *ngSwitchCase="'HTTP'">
                 <div class="section">
-                    <h5><span class="badge badge-pill badge-dark">a</span> Get a token using curl</h5>
+                    <h5><span class="badge badge-pill badge-dark">1</span> Get a token using curl</h5>
 
                     <p>                 
                         <sqx-code>{{connectHttpText}}</sqx-code>
@@ -66,7 +66,7 @@
                 </div>
                 
                 <div class="section">
-                    <h5><span class="badge badge-pill badge-dark">b</span> Just use the following token</h5>
+                    <h5><span class="badge badge-pill badge-dark">2</span> Just use the following token</h5>
 
                     <p>              
                         <sqx-code>{{connectToken?.accessToken}}</sqx-code>
@@ -74,7 +74,7 @@
                 </div>
                 
                 <div class="section">
-                    <h5><span class="badge badge-pill badge-dark">2</span> Add the token as HTTP header to all requests</h5>
+                    <h5><span class="badge badge-pill badge-dark">3</span> Add the token as HTTP header to all requests</h5>
 
                     <p>              
                         <sqx-code>Authorization: Bearer [YOUR_TOKEN]</sqx-code>
diff --git a/frontend/app/features/settings/pages/clients/client-connect-form.component.scss b/frontend/app/features/settings/pages/clients/client-connect-form.component.scss
index c2485f52e..03f2c2b9a 100644
--- a/frontend/app/features/settings/pages/clients/client-connect-form.component.scss
+++ b/frontend/app/features/settings/pages/clients/client-connect-form.component.scss
@@ -2,6 +2,10 @@
 @import '_mixins';
 
 .breadcrumb {
+    & {
+        margin-bottom: 2rem;
+    }
+
     &-item {
         i {
             display: none;
diff --git a/frontend/app/features/settings/pages/clients/client.component.scss b/frontend/app/features/settings/pages/clients/client.component.scss
index 989ef60bc..11c5f08c2 100644
--- a/frontend/app/features/settings/pages/clients/client.component.scss
+++ b/frontend/app/features/settings/pages/clients/client.component.scss
@@ -3,28 +3,14 @@
 
 .card {
     & {
-        @include border-radius(0);
-        border-bottom-width: 2px;
-        border-top-width: 0;
         margin-bottom: .25rem;
     }
 
-    &-header,
-    &-body {
+    &-header {
         padding: .75rem 1.25rem;
     }
 }
 
-.client {
-    &-info {
-        margin: 0;
-    }
-
-    &-delete {
-        vertical-align: top;
-    }
-}
-
 .no-padding {
     padding: 0;
 }