diff --git a/packages/web/package-lock.json b/packages/web/package-lock.json
index a4bdbf1f..f8ba05c3 100644
--- a/packages/web/package-lock.json
+++ b/packages/web/package-lock.json
@@ -6,7 +6,7 @@
"packages": {
"": {
"name": "@thing-description-playground/web",
- "version": "1.0.0",
+ "version": "2.0.0",
"license": "EPL-2.0 OR W3C-20150513",
"dependencies": {
"@node-wot/td-tools": "0.8.12",
diff --git a/packages/web/src/scripts/console.js b/packages/web/src/scripts/console.js
index 11d2ad86..ead7175c 100644
--- a/packages/web/src/scripts/console.js
+++ b/packages/web/src/scripts/console.js
@@ -79,7 +79,7 @@ function collapseConsole() {
consoleElement.classList.add("collapsed")
mainContentElement.style.flex = "1 0"
- consoleElement.style.flex = `0 39px`
+ consoleElement.style.flex = `0 43px`
minMaxBtn.children[0].children[0].setAttribute("d", "M344 0H488c13.3 0 24 10.7 24 24V168c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39-87 87c-9.4 9.4-24.6 9.4-33.9 0l-32-32c-9.4-9.4-9.4-24.6 0-33.9l87-87L327 41c-6.9-6.9-8.9-17.2-5.2-26.2S334.3 0 344 0zM168 512H24c-13.3 0-24-10.7-24-24V344c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l39 39 87-87c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2s-12.5 14.8-22.2 14.8z")
minMaxBtn.children[0].classList.add("expand-arrows")
minMaxBtn.children[0].classList.remove("collapse-arrows")
diff --git a/packages/web/src/scripts/main.js b/packages/web/src/scripts/main.js
index 5982fd10..45ceb027 100644
--- a/packages/web/src/scripts/main.js
+++ b/packages/web/src/scripts/main.js
@@ -162,10 +162,10 @@ function onmousemoveY(e) {
// DOWN
if (deltaY > 0) {
const h = Math.round(parseInt(getComputedStyle(b).height) - deltaY)
- b.style.flex = `0 ${h < 50 ? 39 : h}px`
+ b.style.flex = `0 ${h < 55 ? 43 : h}px`
t.style.flex = "1 0"
- if (h < 39) {
+ if (h < 43) {
consoleElement.classList.remove("expanded")
consoleElement.classList.add("collapsed")
@@ -183,7 +183,7 @@ function onmousemoveY(e) {
// UP
if (deltaY < 0) {
const h = Math.round(parseInt(getComputedStyle(t).height) + deltaY)
- t.style.flex = `0 ${h < 220 ? 210 : h}px`
+ t.style.flex = `0 ${h < 225 ? 210 : h}px`
b.style.flex = "1 0"
if (h > 714) {
diff --git a/packages/web/src/styles/_control-panel.scss b/packages/web/src/styles/_control-panel.scss
index 5ce141f5..71be3eae 100644
--- a/packages/web/src/styles/_control-panel.scss
+++ b/packages/web/src/styles/_control-panel.scss
@@ -68,6 +68,7 @@
width: fit-content;
opacity: 1;
transform: scaleX(1);
+ margin-top: .5rem;
transition: opacity 250ms var(--trans-bouncy), transform 250ms var(--trans-bouncy);
}
diff --git a/packages/web/src/styles/_examples-menu.scss b/packages/web/src/styles/_examples-menu.scss
index 08cc3758..9468ee99 100644
--- a/packages/web/src/styles/_examples-menu.scss
+++ b/packages/web/src/styles/_examples-menu.scss
@@ -413,7 +413,7 @@
height: 0;
opacity: 0;
font-size: var(--fs-p);
- line-height: var(--lh-sub-header);
+ // line-height: var(--lh-p);
max-width: 60ch;
overflow-y: scroll;
overflow-x: hidden;
diff --git a/packages/web/src/styles/_settings-menu.scss b/packages/web/src/styles/_settings-menu.scss
index 9f75d6db..5e2140df 100644
--- a/packages/web/src/styles/_settings-menu.scss
+++ b/packages/web/src/styles/_settings-menu.scss
@@ -242,8 +242,19 @@
width: 100%;
text-align: center;
- p {
+ .project-links {
margin-bottom: 1rem;
+
+ p {
+ margin-bottom: .5rem;
+ }
+
+ .netlify-link {
+ a {
+ font-weight: bold;
+ }
+ }
+
}
.footer-links {
@@ -252,6 +263,7 @@
align-items: center;
justify-content: center;
+
a {
font-size: 1.2rem;
padding: 0 1rem;
diff --git a/packages/web/src/styles/styles.scss b/packages/web/src/styles/styles.scss
index e09417da..f471de69 100644
--- a/packages/web/src/styles/styles.scss
+++ b/packages/web/src/styles/styles.scss
@@ -57,8 +57,8 @@
--lh-h2: 4rem;
--lh-h3: 3.5rem;
--lh-sub-header: 3rem;
- --lh-p: 1.8rem;
- --lh-footer: 1.25rem;
+ --lh-p: 2.2rem;
+ --lh-footer: 1.4rem;
--lh-i: 2rem;
/*colors*/
@@ -177,7 +177,7 @@ h3 {
p,
li {
font-size: var(--fs-p);
- line-height: var(--lh-sub-header);
+ line-height: var(--lh-p);
font-weight: var(--fw-regular);
}
diff --git a/packages/web/src/template.html b/packages/web/src/template.html
index 1048c84c..874d8894 100644
--- a/packages/web/src/template.html
+++ b/packages/web/src/template.html
@@ -973,8 +973,13 @@ Preferences