Dashboard: Adjust headings to new spacing for 44px icons

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>

diff --git a/apps/dashboard/src/App.vue b/apps/dashboard/src/App.vue
index d30dc528deab87761d40be2e1f72e934a9c6cdb0..51296c3029f446832f6786ef7258a72ca23cb82c 100644 (file)
--- a/apps/dashboard/src/App.vue
+++ b/apps/dashboard/src/App.vue
@@ -191,6 +191,7 @@ export default {
        #app-dashboard {
                width: 100%;
        }
+
        h2 {
                text-align: center;
                font-size: 32px;
@@ -218,6 +219,7 @@ export default {
                & > .panel--header {
                        position: sticky;
                        display: flex;
+                       z-index: 1;
                        top: 50px;
                        padding: 16px;
                        // TO DO: use variables here
@@ -242,8 +244,8 @@ export default {
                                font-size: 20px;
                                font-weight: bold;
                                background-size: 32px;
-                               background-position: 10px 10px;
-                               padding: 16px 8px 16px 52px;
+                               background-position: 12px 12px;
+                               padding: 16px 8px 16px 60px;
                                cursor: grab;
                        }
                }