CSS fixes

src/Squidex/app/components/internal/apps/apps-page.component.html

@@ -1,6 +1,6 @@
 <content>
-    <div class="apps-empty">
-        <h3 class="apps-empty-headline">You are not collaborating to any app yet</h3>
+    <div class="empty">
+        <h3 class="empty-headline">You are not collaborating to any app yet</h3>
 
         <button class="apps-empty-button btn btn-success" (click)="modalDialog.show()"><i class="icon-plus"></i> Create New App</button>
     </div>

src/Squidex/app/components/internal/apps/apps-page.component.scss

@@ -5,7 +5,7 @@ content {
     padding: 20px;
 }
 
-.apps-empty {
+.empty {
     & {
         text-align: center;
     }

src/Squidex/app/components/internal/internal-area.component.html

@@ -16,6 +16,6 @@
     </div>
 </nav>
 
-<main>
+<div class="container">
     <router-outlet></router-outlet>
-</main>
+</div>

src/Squidex/app/components/internal/internal-area.component.scss

@@ -17,6 +17,6 @@
     margin-left: 15px;
 }
 
-main {
+.container {
     margin-top: 54px;
 }

src/Squidex/app/components/layout/search-form.component.html

@@ -1,3 +1,3 @@
 <form class="form-inline">
-    <input class="form-control search" type="text" />
+    <input class="form-control search-control" type="text" />
 </form>

src/Squidex/app/components/layout/search-form.component.scss

@@ -1,7 +1,7 @@
 @import '_vars';
 @import '_mixins';
 
-.search {
+.search-control {
     & {
         @include transition(background .4s ease);
         background: $theme-blue-dark;