From ad3b9c41aa93d77f9dabbd1f283b74c3b14b1180 Mon Sep 17 00:00:00 2001
From: alistair3149 <alistair31494322@gmail.com>
Date: Thu, 11 Jun 2020 15:42:21 -0400
Subject: [PATCH] Reduce unnessecary spacing for first heading

---
 resources/skins.citizen.styles/Pagetools.less     | 5 -----
 resources/skins.citizen.styles/common/common.less | 3 +--
 resources/skins.citizen.styles/common/toc.less    | 2 +-
 3 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/resources/skins.citizen.styles/Pagetools.less b/resources/skins.citizen.styles/Pagetools.less
index 33ff4973..a3c0d165 100644
--- a/resources/skins.citizen.styles/Pagetools.less
+++ b/resources/skins.citizen.styles/Pagetools.less
@@ -117,11 +117,6 @@
 
 @media ( max-width: 500px ) {
 	#page-tools {
-		position: relative;
-		margin-left: 0;
-		transform: none;
-		float: none;
-
 		#p-actions > nav ul {
 			right: unset;
 		}
diff --git a/resources/skins.citizen.styles/common/common.less b/resources/skins.citizen.styles/common/common.less
index fc55bff7..269a6dae 100644
--- a/resources/skins.citizen.styles/common/common.less
+++ b/resources/skins.citizen.styles/common/common.less
@@ -282,9 +282,8 @@ a {
 
 	.firstHeading {
 		margin: 0;
-		padding-top: 1.2rem;
 		color: @base-10;
-		overflow: inherit; // black magic to wrap in small screen devices
+		overflow-wrap: break-word; // Break word instead of overflow if title is too long
 		line-height: 1.2;
 	}
 
diff --git a/resources/skins.citizen.styles/common/toc.less b/resources/skins.citizen.styles/common/toc.less
index b87a6102..d7845a1b 100644
--- a/resources/skins.citizen.styles/common/toc.less
+++ b/resources/skins.citizen.styles/common/toc.less
@@ -2,7 +2,7 @@
 	position: fixed;
 	max-width: 450px;
 	height: ~'calc( 100vh - @{header-height} * 2 - @{margin-side} * 2 )';
-	top: @header-height + @margin-side;
+	top: @header-height;
 	left: 0;
 	padding: @margin-side;
 	color: @base-70;