Added more styles to the site.

2024-11-06 22:45:03 -05:00 · 2024-11-06 22:45:03 -05:00 · 10e4305e62
commit 10e4305e62
parent 56f9683d0a
2 changed files with 28 additions and 5 deletions
--- a/app/public/static/main.css
+++ b/app/public/static/main.css
@ -6,15 +6,39 @@ body {
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
+}
+
+header {
+  float: left;
+  padding: 0.25em 1em;
+}
+header h1 {
+  margin: 0;
+  padding: 0;
+}
+
+nav {
+  float: right;
+  padding: 0.25em 1em;
+}
+nav ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+nav ul li {
+  display: inline;
+}
+nav ul li:last-child {
+  margin-left: 1em;
 }

 main {
+  clear: both;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 1em;
+  box-sizing: border-box;
 }

 footer {
--- a/app/templates/layouts/skeleton.twig
+++ b/app/templates/layouts/skeleton.twig
@ -11,13 +11,12 @@
 <body>
    <div class="container">
        <header>
-            <h1>Slovocast</h1>
+            <h1><a href="/home">Slovocast</a></h1>
            {% block header %}{% endblock %}
        </header>

        <nav>
            <ul>
-                <li><a href="/home">Home</a></li>
                {% if logged_in %}
                    <li><a href="/dashboard">Dashboard</a></li>
                {% else %}