diff --git a/apps/website2/src/index.html b/apps/website2/src/index.html
index 2d4927a45..66fb349c3 100644
--- a/apps/website2/src/index.html
+++ b/apps/website2/src/index.html
@@ -7,8 +7,17 @@
-
-
Trilium Notes
+
diff --git a/apps/website2/src/style.css b/apps/website2/src/style.css
index da19c8c10..399e2a32f 100644
--- a/apps/website2/src/style.css
+++ b/apps/website2/src/style.css
@@ -20,6 +20,7 @@ body {
color: black;
}
+/* #region Header */
header {
padding: 1em;
position: sticky;
@@ -36,6 +37,11 @@ header .content-wrapper {
justify-items: center;
}
+header > .content-wrapper,
+section.hero-section > .content-wrapper {
+ min-width: 80vw;
+}
+
header img {
width: 48px;
height: 48px;
@@ -45,6 +51,13 @@ header img+span {
font-size: 1.1em;
}
+header nav {
+ flex-grow: 1;
+ display: flex;
+ justify-content: flex-end;
+}
+/* #endregion */
+
.content-wrapper {
max-width: 920px;
margin: auto;
@@ -110,13 +123,12 @@ section.hero-section.dark::after {
pointer-events: none;
}
-section.hero-section>.content-wrapper {
+section.hero-section > .content-wrapper {
display: flex;
padding: 3em;
align-items: center;
justify-content: center;
min-height: 60vh;
- min-width: 80vw;
}
section.hero-section .title-section {
@@ -199,9 +211,8 @@ span.text-big {
.download-button {
text-decoration: none;
background: var(--brand-1);
- padding: 1em 2em;
+ padding: 0.5em 1em;
border-radius: 6px;
- margin: 1em 0;
color: white;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
display: inline-block;
@@ -211,4 +222,9 @@ span.text-big {
font-size: 0.75em;
opacity: 0.75;
}
+
+.hero-section .download-button {
+ padding: 1em 2em;
+ margin: 1em 0;
+}
/* #endregion */
\ No newline at end of file