diff --git a/src/snek/static/base.css b/src/snek/static/base.css
index 943e819..0b475d1 100644
--- a/src/snek/static/base.css
+++ b/src/snek/static/base.css
@@ -39,16 +39,19 @@ main {
header {
background-color: #000000;
- padding: 10px 20px;
+ padding-top: 10px;
+ padding-left: 20px;
+ padding-right: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
header .logo {
- color: #fff;
- font-size: 1.5em;
+ color: #fff;
font-weight: bold;
+ font-size: 1.2em;
+ color: #fff;
}
header nav a {
diff --git a/src/snek/templates/app.html b/src/snek/templates/app.html
index 31f5d7f..a8bb473 100644
--- a/src/snek/templates/app.html
+++ b/src/snek/templates/app.html
@@ -21,7 +21,9 @@
</head>
<body>
<header>
- <div class="no-select logo">Snek</div>
+ <div class="no-select logo" style="display:none">Snek</div>
+
+ <div class="logo">{% block header_text %}{% endblock %}</div>
<nav class="no-select">
<a class="no-select" href="/web.html">🏠</a>
<a class="no-select" href="/search-user.html">🔍</a>
@@ -30,6 +32,7 @@
<a class="no-select" href="#">⚙️</a>
<a class="no-select" href="/logout.html">🔒</a>
</nav>
+
</header>
<main>
{% block sidebar %}
diff --git a/src/snek/templates/web.html b/src/snek/templates/web.html
index 932a1fa..8a68f64 100644
--- a/src/snek/templates/web.html
+++ b/src/snek/templates/web.html
@@ -1,10 +1,9 @@
{% extends "app.html" %}
+{% block header_text %}<h2>{{ name }}</h2>{% endblock %}
+
{% block main %}
<section class="chat-area" id="chat">
- <div class="chat-header">
- <h2>{{ name }}</h2>
- </div>
<div class="chat-messages">
{% for message in messages %}
{% autoescape false %}