From 9ca745114fab0c5d6fc74cbdebb16e416320af6d Mon Sep 17 00:00:00 2001
From: Tyler Clarke <plupy44@gmail.com>
Date: Mon, 28 Jul 2025 20:55:17 -0400
Subject: [PATCH] fix landscape orientation

---
 site/camera-info/index.html | 10 +++++-----
 site/camera-info/main.css   |  7 +++++++
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/site/camera-info/index.html b/site/camera-info/index.html
index 792b7f2..d2d3ef1 100644
--- a/site/camera-info/index.html
+++ b/site/camera-info/index.html
@@ -18,11 +18,11 @@
         <video id="preview">video stream unavailable</video>
     </div>
     <div id="details" style="display: none;">
-        <span>Longitude: <input type="number" id="long"/></span>
-        <span>Latitude: <input type="number" id="lat"/></span>
-        <button onclick="populateLocation()" id="here">Current Location</button>
-        <span>Title: <input type="text" id="title" placeholder="123 A Place"/></span>
-        <span>Notes: <input type="text" id="notes" placeholder="Location Notes" /></span>
+        <span>Longitude: <input type="number" id="long"/></span><br>
+        <span>Latitude: <input type="number" id="lat"/></span><br>
+        <button onclick="populateLocation()" id="here">Current Location</button><br>
+        <span>Title: <input type="text" id="title" placeholder="123 A Place"/></span><br>
+        <span>Notes: <input type="text" id="notes" placeholder="Location Notes" /></span><br>
         <button onclick="render()">Finish</button>
     </div>
     <div id="finalresult" style="display: none;">
diff --git a/site/camera-info/main.css b/site/camera-info/main.css
index 240aa88..abb62aa 100644
--- a/site/camera-info/main.css
+++ b/site/camera-info/main.css
@@ -128,6 +128,7 @@ button:hover {
 
 input {
 	font-size: 1.5em;
+	max-width: 100vw;
 }
 
 #details > span {
@@ -144,4 +145,10 @@ input {
 
 iframe {
 	flex-grow: 3;
+}
+
+#details {
+	overflow-y: auto;
+	display: block;
+	text-align: center;
 }
\ No newline at end of file