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