From 8b2eb67266dddb99e1a2673915de230f2c755138 Mon Sep 17 00:00:00 2001
From: schlagmichdoch <schlagmichdoch@users.noreply.github.com>
Date: Fri, 3 Mar 2023 19:37:07 +0100
Subject: [PATCH] fix position of close btn on about page

---
 public/index.html                      | 14 +++++++-------
 public/styles.css                      |  7 +++++++
 public_included_ws_fallback/styles.css |  7 +++++++
 3 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/public/index.html b/public/index.html
index 4171562..3a4dff2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -242,14 +242,14 @@
     </div>
     <!-- About Page -->
     <x-about id="about" class="full center column">
+        <header class="row-reverse fade-in">
+            <a href="#" class="close icon-button">
+                <svg class="icon">
+                    <use xlink:href="#close-icon" />
+                </svg>
+            </a>
+        </header>
         <section class="center column fade-in">
-            <header class="row-reverse">
-                <a href="#" class="close icon-button">
-                    <svg class="icon">
-                        <use xlink:href="#close-icon" />
-                    </svg>
-                </a>
-            </header>
             <svg class="icon logo">
                 <use xlink:href="#wifi-tethering" />
             </svg>
diff --git a/public/styles.css b/public/styles.css
index c88d9d5..f998e83 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -939,6 +939,13 @@ button::-moz-focus-inner {
     margin: 8px 8px -16px;
 }
 
+#about section {
+    flex-grow: 1;
+}
+
+#about header {
+    align-self: end;
+}
 
 /* Loading Indicator */
 
diff --git a/public_included_ws_fallback/styles.css b/public_included_ws_fallback/styles.css
index 0026356..e9eda38 100644
--- a/public_included_ws_fallback/styles.css
+++ b/public_included_ws_fallback/styles.css
@@ -965,6 +965,13 @@ button::-moz-focus-inner {
     margin: 8px 8px -16px;
 }
 
+#about section {
+    flex-grow: 1;
+}
+
+#about header {
+    align-self: end;
+}
 
 /* Loading Indicator */