From 6dbe7511c68ef29809dc1518e29c859b0bffe5e4 Mon Sep 17 00:00:00 2001
From: Carsten Grohmann <mail@carstengrohmann.de>
Date: Thu, 21 Nov 2019 07:50:01 +0100
Subject: [PATCH] Separate headline and link to toggle visibility

of the following container
---
 OOMAnalyser.html | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/OOMAnalyser.html b/OOMAnalyser.html
index ff4af77..f13aba8 100644
--- a/OOMAnalyser.html
+++ b/OOMAnalyser.html
@@ -57,6 +57,12 @@
             font-size: 0.83em;
         }
 
+        .h2--no-newline {
+            /* Prevent a linebreak after headline to a place a link on the same line */
+            /* Place such headlines within a div container if the next element can be invisible */
+            display: inline-block;
+        }
+
         svg {
             display: block;
             max-height: 200px;
@@ -632,11 +638,11 @@ function goBack() {
   </li>
 </ol>
 
-<h2 id="changes">
-    Changelog
+<div>
+    <h2 class="h2--no-newline" id="changes">Changelog</h2>
     <a class="a--small" href="javascript:void(0);" onclick="OOMAnalyser.toggle('changelog')"
        title="Show / hide news">(click to show / hide)</a>
-</h2>
+</div>
 
 <div class="text--default-hide js-text--display-none" id="changelog">
     <h3>Version 0.3.0 - 2019-XX-XX:</h3>
@@ -664,11 +670,11 @@ function goBack() {
     </ol>
 </div>
 
-<h2 id="install">
-    Local Installation
+<div>
+    <h2 class="h2--no-newline" id="install">Local Installation</h2>
     <a class="a--small" href="javascript:void(0);" onclick="OOMAnalyser.toggle('installation')"
        title="Show / hide installation guide">(click to show / hide)</a>
-</h2>
+</div>
 
 <div class="text--default-hide js-text--display-none" id="installation">
     Installing OOMAnalyser is quite easy since OOMAnalyser consists only of two files, a