From 83d88b564ed0da57163ce2ff4f5e61baa0f076b5 Mon Sep 17 00:00:00 2001
From: liquidev <liquidev@tutanota.com>
Date: Fri, 1 Nov 2024 19:12:44 +0100
Subject: [PATCH] fix history view on narrow screens

---
 static/css/history.css | 11 +++++++----
 static/css/main.css    |  5 +++--
 template/_history.hbs  |  2 +-
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/static/css/history.css b/static/css/history.css
index ec57a2b..d9f1f1b 100644
--- a/static/css/history.css
+++ b/static/css/history.css
@@ -1,12 +1,15 @@
 .version-history {
+    & > .commit-count {
+        margin-left: 2rem;
+    }
 
-    &>ul.commits {
+    & > ul.commits {
         --recursive-mono: 1;
 
         list-style: none;
         padding-left: 0;
 
-        &>li {
+        & > li {
             padding-top: 0.2rem;
             padding-bottom: 0.2rem;
 
@@ -15,11 +18,11 @@
             align-items: start;
             gap: 0.5em;
 
-            &>.revision-number {
+            & > .revision-number {
                 justify-self: end;
             }
 
-            details>summary {
+            details > summary {
                 cursor: pointer;
             }
         }
diff --git a/static/css/main.css b/static/css/main.css
index d584c28..6df2ede 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -473,8 +473,9 @@ hr {
 
 h1.page-title {
     --recursive-wght: 850;
-    margin-top: 0;
-    margin-bottom: 0;
+
+    margin-top: 1rem;
+    margin-bottom: 1rem;
     margin-left: 2.25rem;
     font-size: 2.5rem;
 
diff --git a/template/_history.hbs b/template/_history.hbs
index 839ba6e..66970f8 100644
--- a/template/_history.hbs
+++ b/template/_history.hbs
@@ -16,7 +16,7 @@
     {{> components/_header.hbs }}
 
     <main class="version-history">
-        <p>{{ len page.commits }} commits</p>
+        <p class="commit-count">{{ len page.commits }} commits</p>
         
         <ul class="commits">
             {{#each page.commits}}