More css improvements (Less CSS)

src/Squidex/app/features/apps/pages/apps-page.component.html

@@ -1,15 +1,15 @@
 <sqx-title message="Apps"></sqx-title>
 
 <div class="apps">
-    <div class="empty" *ngIf="(apps | async)?.length === 0">
+    <div class="empty text-center" *ngIf="(apps | async)?.length === 0">
         <h3 class="empty-headline">You are not collaborating to any app yet</h3>
 
         <button class="apps-empty-button btn btn-success" (click)="addAppDialog.show()"><i class="icon-plus"></i> Create New App</button>
     </div>
 
-    <div class="app card" *ngFor="let app of (apps | async)">
-        <div class="card-block">
-            <h4 class="card-title">{{app.name}}</h4>
+    <div class="app card float-left" *ngFor="let app of (apps | async)" title="{{app.name}}">
+        <div class="card-block app-content">
+            <h4 class="card-title app-title">{{app.name}}</h4>
 
             <a [routerLink]="['/app', app.name]">Edit</a>
         </div>

src/Squidex/app/features/apps/pages/apps-page.component.scss

@@ -9,18 +9,20 @@
 }
 
 .app {
-    float: left;
-    width: 20rem;
-    margin: .625rem;
-}
-
-.empty {
     & {
-        text-align: center;
+        margin: .625rem;
+    }
+
+    &-content {
+        width: 20rem;
     }
 
-    &-headline {
-        margin: 1.25rem;
-        margin-top: 6.25rem;
+    &-title {
+        @include truncate;
     }
+}
+
+.empty-headline {
+    margin: 1.25rem;
+    margin-top: 6.25rem;
 }

src/Squidex/app/features/assets/pages/assets-page.component.scss

@@ -19,10 +19,7 @@
     }
 
     &-button-input {
-        width: 0;
-        opacity: 0;
-        overflow: hidden;
-        position: absolute;
+        @include hidden;
     }
 
     &-button {
@@ -38,6 +35,10 @@
     }
 }
 
+.btn {
+    cursor: default;
+}
+
 .row {
     margin-left: -8px;
     margin-right: -8px;

src/Squidex/app/theme/_mixins.scss

@@ -18,6 +18,13 @@
     }
 }
 
+@mixin hidden() {
+    width: 0;
+    opacity: 0;
+    overflow: hidden;
+    position: absolute;
+}
+
 @mixin flex-box {
     display: -webkit-box;
     display: -webkit-flex;