Minor UI fix

monyxie · Jun 19, 2024 · be33394 · be33394
1 parent 261d5a2
commit be33394
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/pages/popup.css b/src/pages/popup.css
@@ -205,11 +205,13 @@ body {
 .scan .scan-input-image {
     max-width: 100%;
     max-height: 400px;
+    display: block;
 }
 
 .scan .camera {
     width: 100%;
     height: 100%;
+    display: block;
 }
 
 .scan .output {
@@ -235,6 +237,11 @@ body {
     left: 0;
 }
 
+.scan .necker-container {
+    display: flex;
+    justify-content: center;
+}
+
 /* tabs */
 .tabs-container {
     width: 100%;

diff --git a/src/pages/popup.html b/src/pages/popup.html
@@ -127,8 +127,6 @@
                     <div class="necker-container">
                         <div class="necker instructions">
                             <p class="hidden" id="scanningText">{{__MSG_scanning__}}</p>
-                            <a class="clickable hidden" id="cameraRescanBtn" title="{{__MSG_rescan_btn_title__}}"><img
-                                    class="icon" src="../icons/refresh.svg" />{{__MSG_rescan_btn_label__}}</a>
                         </div>
                     </div>
                     <textarea class="output hidden" id="scanOutput" title="{{__MSG_content_title__}}" readonly
@@ -141,6 +139,8 @@
                         <div class="footer actions2">
                         </div>
                         <div class="footer actions3">
+                            <a class="clickable hidden" id="cameraRescanBtn" title="{{__MSG_rescan_btn_title__}}"><img
+                                    class="icon" src="../icons/refresh.svg" />{{__MSG_rescan_btn_label__}}</a>
                         </div>
                     </div>
                 </div>