diff --git a/src/lib/Layout.svelte b/src/lib/Layout.svelte
index 2df1f73..d5fe874 100644
--- a/src/lib/Layout.svelte
+++ b/src/lib/Layout.svelte
@@ -10,7 +10,13 @@
{@render PostHeader(post)}
-{@render props.children?.()}
+
+ {@render props.children?.()}
+
diff --git a/src/lib/PostHelpers.svelte b/src/lib/PostHelpers.svelte
index d6f09b5..ccd99dc 100644
--- a/src/lib/PostHelpers.svelte
+++ b/src/lib/PostHelpers.svelte
@@ -99,6 +99,7 @@
+
{/snippet}
@@ -115,12 +116,16 @@
display: flex;
flex-direction: column;
align-items: center;
+ padding-top: 10px;
}
.card-header-container {
display: flex;
flex-direction: row;
+ justify-content: space-between;
flex-grow: 1;
- max-width: 1000px;
+ width: 100%;
+ min-width: 250px;
+ max-width: 750px;
background-color: var(--accent-3);
border: 3px, inset, var(--accent-2);
}
@@ -135,6 +140,17 @@
border-left-color: whitesmoke;
}
}
+ .card-header-container-right {
+ display: flex;
+ flex-direction: column;
+ row-gap: 3px;
+ span {
+ padding-right: 4px;
+ border-right-style: inset;
+ border-right-width: 3px;
+ border-right-color: whitesmoke;
+ }
+ }
.card {
--text-color: white;
position: relative;
@@ -152,7 +168,7 @@
flex-grow: 1;
flex-shrink: 0;
- border-style: ridge;
+ border-style: outset;
border-color: var(--accent-2);
border-width: 4px;
diff --git a/src/lib/nav.svelte b/src/lib/nav.svelte
index 4e1f495..02f9232 100644
--- a/src/lib/nav.svelte
+++ b/src/lib/nav.svelte
@@ -5,6 +5,7 @@
{#snippet NavBar()}
{/snippet}
@@ -13,7 +14,7 @@
display: flex;
flex-direction: row;
align-items: center;
- justify-content: space-around;
+ justify-content: center;
width: 100%;
height: 32px;
background-color: var(--accent-2);