From a45cd3c131947a009bff39c6afbc8474ad04fc65 Mon Sep 17 00:00:00 2001
From: Sebastian Stehle <sebastian@squidex.io>
Date: Wed, 24 Apr 2019 21:04:23 +0200
Subject: [PATCH] Layout improvement for deeplinks.

---
 .../app/features/apps/pages/apps-page.component.html   | 10 +++++++---
 .../app/features/apps/pages/apps-page.component.scss   | 10 ++++++++++
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/Squidex/app/features/apps/pages/apps-page.component.html b/src/Squidex/app/features/apps/pages/apps-page.component.html
index 37666ae09..96eeb9c21 100644
--- a/src/Squidex/app/features/apps/pages/apps-page.component.html
+++ b/src/Squidex/app/features/apps/pages/apps-page.component.html
@@ -19,9 +19,13 @@
                 <h4 class="card-title">{{app.name}}</h4>
 
                 <div class="card-text">
-                    <a (click)="stop($event)" [routerLink]="['/app', app.name, 'content']">Content</a> |
-                    <a (click)="stop($event)" [routerLink]="['/app', app.name, 'assets']">Assets</a> |
-                    <a (click)="stop($event)" [routerLink]="['/app', app.name, 'settings']">Settings</a>
+                    <span class="deeplinks">
+                        <a (click)="stop($event)" [routerLink]="['/app', app.name, 'content']">Content</a> |
+                        <a (click)="stop($event)" [routerLink]="['/app', app.name, 'assets']">Assets</a> |
+                        <a (click)="stop($event)" [routerLink]="['/app', app.name, 'settings']">Settings</a>
+                    </span>
+
+                    &nbsp;
                 </div>
             </div>
         </div>
diff --git a/src/Squidex/app/features/apps/pages/apps-page.component.scss b/src/Squidex/app/features/apps/pages/apps-page.component.scss
index b789d434d..e428d32c9 100644
--- a/src/Squidex/app/features/apps/pages/apps-page.component.scss
+++ b/src/Squidex/app/features/apps/pages/apps-page.component.scss
@@ -79,4 +79,14 @@
             text-decoration: none;
         }
     }
+
+    &:hover {
+        .deeplinks {
+            display: inline-block;
+        }
+    }
+
+    .deeplinks {
+        display: none;
+    }
 }
\ No newline at end of file