Fix k-empty layout with a lot of text #2065

getkirby · Sep 11, 2019 · 2da1af9 · 2da1af9
1 parent 412c340
commit 2da1af9
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/panel/src/components/Layout/Empty.vue b/panel/src/components/Layout/Empty.vue
@@ -22,7 +22,7 @@ export default {
 /* global styles */
 .k-empty {
   display: flex;
-  align-items: center;
+  align-items: stretch;
   border-radius: $border-radius;
   color: $color-dark-grey;
   border: 1px dashed $color-border;
@@ -54,11 +54,11 @@ export default {
 
 /* layout:list */
 .k-empty[data-layout="list"] {
-  height: 38px;
+  min-height: 38px;
 
   & > .k-icon {
     width: 36px;
-    height: 36px;
+    min-height: 36px;
     border-right: 1px solid rgba(#000, 0.05);
   }