diff --git a/static/main.css b/static/main.css index 02938e7..f231b32 100644 --- a/static/main.css +++ b/static/main.css @@ -56,6 +56,8 @@ body { } .header { + z-index: 5; + position: sticky; top: 0; display: flex; @@ -87,7 +89,6 @@ body { } .header-img { - margin-left: 0.8em; height: 2em; width: 2em; object-fit: cover; @@ -111,7 +112,8 @@ body { .form-input, .comment, -.form-button { +.form-button, +.content { border: solid var(--gray) 3px; background: var(--black); border-radius: var(--border-radius); @@ -124,6 +126,11 @@ body { text-decoration: none; } +.content { + margin-top: 10px; + width: calc(var(--elem-width) - 1rem); +} + .form-button { font-weight: bold; } @@ -134,6 +141,7 @@ body { } .form-message { + margin-top: 10px; font-style: italic; } @@ -221,8 +229,8 @@ video { padding: 0.5rem; margin-bottom: 0.5rem; - width: 180px; - height: 200px; + width: 135px; + height: 140px; overflow: hidden; } .video div { @@ -230,8 +238,9 @@ video { overflow: hidden; } .video img { - width: 180px; - height: 130px; + width: 135px; + height: 90px; + object-fit: cover; } .video-wrapper.full { @@ -275,3 +284,6 @@ video { margin-bottom: 0.5rem; } +.form-input { + font-family: system-ui, sans-serif; +} \ No newline at end of file diff --git a/views/comments.ejs b/views/comments.ejs index 5eaf1a5..3d22617 100644 --- a/views/comments.ejs +++ b/views/comments.ejs @@ -1,4 +1,4 @@ -
+

Comments

diff --git a/views/header_block.ejs b/views/header_block.ejs index 8569e5c..26be8cd 100644 --- a/views/header_block.ejs +++ b/views/header_block.ejs @@ -1,6 +1,5 @@
- - BiglyChat + <%if (username=='!nobody' ) { %> Login <% } else { %> diff --git a/views/main.ejs b/views/main.ejs index bb7918d..5bf262a 100644 --- a/views/main.ejs +++ b/views/main.ejs @@ -2,8 +2,7 @@