From 59921d87c2fe8ace7d4568027c1efe40de47a77e Mon Sep 17 00:00:00 2001
From: buzz-lightsnack-2007
 <73412182+buzz-lightsnack-2007@users.noreply.github.com>
Date: Tue, 7 May 2024 15:29:04 +0800
Subject: [PATCH] Re-insert the height when the window is not open

Users are invited to scroll down to see the details. Details no longer need a click to activate.

This reverts commit 0f39fbdc1248b6734477fd7340b4d8cadc449d14.
---
 pages/popup/results.htm  | 5 +++--
 styles/layouts/popup.css | 9 ++++++---
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/pages/popup/results.htm b/pages/popup/results.htm
index c6e8021..e6fa3c0 100644
--- a/pages/popup/results.htm
+++ b/pages/popup/results.htm
@@ -9,8 +9,9 @@
                <p id="summary" data-active-result="Rating,Reason" class="flow-text"></p>
                <p data-active-result="Description,Summary"></p>
                <progress id="score" data-active-result="Rating,Score" min="0" max="1" value=""></progress>
+               <label >Scroll down for details.</label>
           </summary>
-          <details data-active-result="Description,Aspects,*" data-active-result-type="card">
-          </details>
+          <section class="tip" data-active-result="Description,Aspects,*" data-active-result-type="card">
+          </section>
      </body>
 </html>
\ No newline at end of file
diff --git a/styles/layouts/popup.css b/styles/layouts/popup.css
index 63e69c0..313d3f7 100644
--- a/styles/layouts/popup.css
+++ b/styles/layouts/popup.css
@@ -6,8 +6,11 @@
      padding: 2em;
 }
 
-#results > details {
-     margin-top: auto;
-     margin-bottom: auto;
+#results:not(:has(details[open])) summary {
+     height: 100%;
 }
 
+#results summary p {
+     margin-top: 0.5em;
+     margin-bottom: 0.5em;
+}
\ No newline at end of file