Diff between fe8b8470a7310d1d54934145054427483b5dd9c9 and a26ff2c6013a2ea0f8bca5f2213475153b8cb009

Changed Files

File Additions Deletions Status
index.html +2 -2 modified
static/styles.css +16 -10 modified

Full Patch

diff --git a/index.html b/index.html
index 41856c1..4556b26 100644
--- a/index.html
+++ b/index.html
@@ -2,13 +2,13 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>Uutissivusto</title>
     <script async src="/static/theme.js"></script>
     <link rel="stylesheet" href="/static/styles.css">
 </head>
 <body>
     <header>
-        <nav style="display: flex; gap: 15px;">
+        <nav class="kategoriat-nav">
             <a href="#">
                 Uutiset
             </a>
diff --git a/static/styles.css b/static/styles.css
index 092bb6e..0c3ca11 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -32,6 +32,17 @@ a {
     text-decoration: none;
 }
 
+header {
+    background-color: var(--card);
+    padding: 20px;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    gap: 200px;
+    font-size: 0.9em;
+    align-items: center;
+}
+
 nav {
     height: fit-content;
 }
@@ -61,16 +72,6 @@ nav {
     padding: 10px 20px;
 }
 
-header {
-    background-color: var(--card);
-    padding: 20px;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    gap: 200px;
-    font-size: 0.9em;
-    align-items: center;
-}
 
 .theme-button {
     border: none;
@@ -82,4 +83,9 @@ header {
 }
 .theme-button .light {
     filter: invert(1);
+}
+
+.kategoriat-nav {
+    display: flex; 
+    gap: 15px;
 }
\ No newline at end of file