From ffd228c842a0e38b5f996ad0bcab198423f5365c Mon Sep 17 00:00:00 2001
From: Sebastian <mail2stehle@gmail.com>
Date: Thu, 9 Mar 2017 20:11:30 +0100
Subject: [PATCH] Minor layout fixes

---
 src/Squidex/app/app.component.scss                            | 2 ++
 .../content/pages/content/content-page.component.html         | 2 +-
 .../content/pages/contents/contents-page.component.html       | 2 +-
 src/Squidex/app/theme/_lists.scss                             | 4 ++++
 src/Squidex/app/theme/_panels.scss                            | 2 +-
 5 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/Squidex/app/app.component.scss b/src/Squidex/app/app.component.scss
index e69de29bb..fbb752506 100644
--- a/src/Squidex/app/app.component.scss
+++ b/src/Squidex/app/app.component.scss
@@ -0,0 +1,2 @@
+@import '_vars';
+@import '_mixins';
\ No newline at end of file
diff --git a/src/Squidex/app/features/content/pages/content/content-page.component.html b/src/Squidex/app/features/content/pages/content/content-page.component.html
index 2d6377d02..5501c68c3 100644
--- a/src/Squidex/app/features/content/pages/content/content-page.component.html
+++ b/src/Squidex/app/features/content/pages/content/content-page.component.html
@@ -1,7 +1,7 @@
 <sqx-title message="{app} | Content" parameter1="app" value1="{{appName() | async}}"></sqx-title>
 
 <form [formGroup]="contentForm" (ngSubmit)="saveContent()">
-    <sqx-panel panelWidth="46rem">
+    <sqx-panel panelWidth="53rem">
         <div class="panel-header">
             <div class="panel-title-row">
                 <div class="float-right">
diff --git a/src/Squidex/app/features/content/pages/contents/contents-page.component.html b/src/Squidex/app/features/content/pages/contents/contents-page.component.html
index f0836b099..e09438553 100644
--- a/src/Squidex/app/features/content/pages/contents/contents-page.component.html
+++ b/src/Squidex/app/features/content/pages/contents/contents-page.component.html
@@ -1,6 +1,6 @@
 <sqx-title message="{app} | Contents" parameter1="app" value1="{{appName() | async}}"></sqx-title>
 
-<sqx-panel panelWidth="51rem">
+<sqx-panel panelWidth="60rem">
     <div class="panel-header">
         <div class="panel-title-row">
             <div class="float-right">
diff --git a/src/Squidex/app/theme/_lists.scss b/src/Squidex/app/theme/_lists.scss
index ee9ec40a4..ef6b7d53e 100644
--- a/src/Squidex/app/theme/_lists.scss
+++ b/src/Squidex/app/theme/_lists.scss
@@ -28,6 +28,10 @@
             font-weight: normal;
             border: 0;
             padding-top: 0;
+
+            & > span {
+                @include truncate;
+            }
         }
     }
 
diff --git a/src/Squidex/app/theme/_panels.scss b/src/Squidex/app/theme/_panels.scss
index b1102440f..9f6e35d14 100644
--- a/src/Squidex/app/theme/_panels.scss
+++ b/src/Squidex/app/theme/_panels.scss
@@ -134,7 +134,7 @@
     }
 
     &-close {
-        @include absolute($panel-padding - .3rem, $panel-padding - .8rem, auto, auto);
+        @include absolute($panel-padding - .2rem, $panel-padding - .8rem, auto, auto);
         @include panel-icon;
         font-size: 1rem;
         font-weight: 300;