From 9321ff1daaa5d8f2c463e618b5e81db45fa7aa5a Mon Sep 17 00:00:00 2001
From: Christoph Reiter <reiter.christoph@gmail.com>
Date: Thu, 14 May 2020 17:08:09 +0200
Subject: [PATCH] Rework welcome activity list padding a bit
Group activity names and descriptions so it's mroe clear what belongs together
---
packages/app-shell/src/vpu-app-shell-welcome.js | 11 ++++++-----
1 file changed, 6 insertions(+), 5 deletions(-)
diff --git a/packages/app-shell/src/vpu-app-shell-welcome.js b/packages/app-shell/src/vpu-app-shell-welcome.js
index 9641222b..2e14ee39 100644
--- a/packages/app-shell/src/vpu-app-shell-welcome.js
+++ b/packages/app-shell/src/vpu-app-shell-welcome.js
@@ -39,9 +39,9 @@ class AppShellWelcome extends ScopedElementsMixin(LitElement) {
${commonStyles.getThemeCSS()}
${commonStyles.getGeneralCSS()}
- h2 { margin: inherit; }
- p { margin: 0 0 10px 0; }
- div.item { margin: 30px 0; }
+ p { line-height: 1.8em }
+ .item {padding-top: 0.5em;}
+ .description {padding-left: 2em;}
`;
}
@@ -56,14 +56,15 @@ class AppShellWelcome extends ScopedElementsMixin(LitElement) {
itemTemplates.push(html`
<div class="item">
<h2>${data.name[this.lang]}</h2>
- ${data.description[this.lang]}
+ <p class="description">${data.description[this.lang]}</p>
</div>`);
}
}
return html`
<p>${i18n.t('welcome.headline', {appname: app.topic.name[this.lang]})}</p>
- <p>${app.topic.description[this.lang]}</p>
+ <p>${app.topic.description[this.lang] }</p>
+ <br>
${itemTemplates}
`;
}
--
GitLab