From 4e71fa55f8f23d48d5429c088680126478fe5d0e Mon Sep 17 00:00:00 2001
From: Luka Hietala <luka.hietala08@gmail.com>
Date: Mon, 1 Dec 2025 19:50:01 +0200
Subject: [PATCH] make styling more readable

---
 static/styles.css | 55 +++++++++++++++--------------------------------
 1 file changed, 17 insertions(+), 38 deletions(-)

diff --git a/static/styles.css b/static/styles.css
index 49e8dc3..1b417eb 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,8 +1,11 @@
 body {
-    font-size: 12pt;
-    color: #000;
-    background: white;
     margin: 0;
+    line-height: 1.5;
+    font-family: sans-serif;
+}
+
+h1, h2, h3 {
+    font-weight: normal;
 }
 
 a {
@@ -15,12 +18,9 @@ a:hover {
 }
 
 nav {
-    top: 0;
-    width: screen;
-    position: sticky;
     padding: 0.8em 2em;
     display: flex;
-    justify-content: space-between;
+    gap: 1em;
     align-items: center;
     background-color: #f5f5f5;
     border-bottom: 1px solid lightgray;
@@ -41,10 +41,9 @@ pre {
 }
 
 .content {
-    padding: 1em 2em;
+    padding: 1.5em 2em;
 }
 
-/* dont make headers too big */
 h1 {
     font-size: 120%;
     margin: 0.5em 0;
@@ -70,51 +69,31 @@ th {
 }
 
 th, td {
-    padding: 4px 8px;
+    padding: 6px 12px;
     text-align: left;
     white-space: nowrap;
     border: 1px solid lightgray;
 }
 
-
 tbody tr:nth-child(even) {
-	background-color: #f1f1f1;
+    background-color: #f9f9f9;
 }
 
 /* commits table */
 table.commits-table {
-	width: 100%;
-	table-layout: fixed;
+    width: 100%;
+    table-layout: auto;
 }
 
 table.commits-table td {
-	white-space: nowrap;
-}
-
-table.commits-table th, table.commits-table td {
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
-table.commits-table .author-col {
-	width: 15%;
-}
-
-table.commits-table .age-col {
-	width: 10%;
-}
-
-table.commits-table .changes-col {
-	width: 10%;
-}
-
-table.commits-table .commit-col {
-	width: 6%;
+    white-space: nowrap;
 }
 
 table.commits-table .message-col {
-	width: 59%;
-	white-space: nowrap;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 400px;
 }
 
 .files-changed {
-- 
2.47.3