diff --git a/site/camera-info/index.html b/site/camera-info/index.html
index 8ca9574..689e718 100644
--- a/site/camera-info/index.html
+++ b/site/camera-info/index.html
@@ -9,7 +9,7 @@
 <body>
     <video id="magic_video" class="offscreen">video stream unavailable</video>
     <div id="home" style="display: none;">
-        <button onclick="setdetails()" style="display: none;" id="endcamera">Next</button>
+        <button onclick="setdetails()" style="display: none; align-self: end;" id="endcamera">Next</button>
         <canvas id="precanvas" class="offscreen"></canvas>
         <div id="camview">
             <div id="video-container">
diff --git a/site/camera-info/main.css b/site/camera-info/main.css
index 21546fa..0487c03 100644
--- a/site/camera-info/main.css
+++ b/site/camera-info/main.css
@@ -30,6 +30,14 @@ body > div > * {
 	box-sizing: border-box;
 }
 
+@media (orientation:portrait) {
+  #camview {
+    width: 100vw;
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+}
+
 
 #camview.took {
 	position: fixed;
@@ -62,10 +70,11 @@ body > div > * {
 }
 
 #preview {
-	width: 100%;
-	display: inline-block;
+  width: 100%;
+  display: inline-block;
 }
 
+
 .offscreen {
 	position: absolute;
 	top: -10000px;
@@ -83,4 +92,4 @@ video.unbounded {
 	border: 1px solid black;
 	max-width: 80vw;
 	max-height: 80vh;
-}
\ No newline at end of file
+}
