From 4433e1c58f65061474af40568a7792a62b238005 Mon Sep 17 00:00:00 2001
From: schlagmichdoch <schlagmichdoch@users.noreply.github.com>
Date: Tue, 23 May 2023 02:44:25 +0200
Subject: [PATCH] add version number to about page

---
 public/index.html                      | 5 ++++-
 public/styles.css                      | 9 +++++++++
 public_included_ws_fallback/index.html | 5 ++++-
 public_included_ws_fallback/styles.css | 9 +++++++++
 4 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index 8fcf05e..93a5086 100644
--- a/public/index.html
+++ b/public/index.html
@@ -276,7 +276,10 @@
             <svg class="icon logo">
                 <use xlink:href="#wifi-tethering" />
             </svg>
-            <h1>PairDrop</h1>
+            <div class="title-wrapper">
+                <h1>PairDrop</h1>
+                <div class="font-subheading">v1.7.2</div>
+            </div>
             <div class="font-subheading">The easiest way to transfer files across devices</div>
             <div class="row">
                 <a class="icon-button" target="_blank" href="https://github.com/schlagmichdoch/pairdrop" title="PairDrop on Github" rel="noreferrer">
diff --git a/public/styles.css b/public/styles.css
index 9273504..7f2913b 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -1142,6 +1142,15 @@ button::-moz-focus-inner {
     --icon-size: 96px;
 }
 
+#about .title-wrapper {
+    display: flex;
+    align-items: baseline;
+}
+
+#about .title-wrapper > div {
+    margin-left: 0.5em;
+}
+
 #about x-background {
     position: absolute;
     --size: max(max(230vw, 230vh), calc(150vh + 150vw));
diff --git a/public_included_ws_fallback/index.html b/public_included_ws_fallback/index.html
index ff896c3..f8eb380 100644
--- a/public_included_ws_fallback/index.html
+++ b/public_included_ws_fallback/index.html
@@ -279,7 +279,10 @@
             <svg class="icon logo">
                 <use xlink:href="#wifi-tethering" />
             </svg>
-            <h1>PairDrop</h1>
+            <div class="title-wrapper">
+                <h1>PairDrop</h1>
+                <div class="font-subheading">v1.7.2</div>
+            </div>
             <div class="font-subheading">The easiest way to transfer files across devices</div>
             <div class="row">
                 <a class="icon-button" target="_blank" href="https://github.com/schlagmichdoch/pairdrop" title="PairDrop on Github" rel="noreferrer">
diff --git a/public_included_ws_fallback/styles.css b/public_included_ws_fallback/styles.css
index bd2062c..fb2a5cb 100644
--- a/public_included_ws_fallback/styles.css
+++ b/public_included_ws_fallback/styles.css
@@ -1168,6 +1168,15 @@ button::-moz-focus-inner {
     --icon-size: 96px;
 }
 
+#about .title-wrapper {
+    display: flex;
+    align-items: baseline;
+}
+
+#about .title-wrapper > div {
+    margin-left: 0.5em;
+}
+
 #about x-background {
     position: absolute;
     --size: max(max(230vw, 230vh), calc(150vh + 150vw));