#729 Create a lightweight PWA - 1st POC - css fixes for devices

PharmaLedger-IMI · May 26, 2022 · 2040110 · 2040110
1 parent 70b291e
commit 2040110
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/apihub-root/lightweight-pwa/css/main.css b/apihub-root/lightweight-pwa/css/main.css
@@ -62,6 +62,7 @@
 
     .scan-button-container {
         height: 6%;
+        margin: 70% auto 0 auto;
     }
 
     .content-container {
@@ -177,6 +178,7 @@
     .scan-button-container {
         font-size: 2.5rem;
         height: 7%;
+        margin: 30% auto 0 auto;
     }
 
     .content-container {
@@ -196,13 +198,13 @@
     }
 
     #scanner-placeholder canvas#scene {
-        width: 100%;
-        height: 100%;
+        width: 200%;
+        height: 200%;
     }
 
     #scanner-placeholder canvas#overlay {
-        width: 240%;
-        height: 100%;
+        width: 200%;
+        height: 200%;
         top: -10%;
         left: 0%;
         transform: translate(-30%, 10%);
@@ -400,10 +402,7 @@ body {
     width: 60%;
     background: var(--mintgreen);
     border-radius: 80px;
-    bottom: 0;
     position: relative;
-    top: 29%;
-    margin: 0 auto;
     font-width: 700;
 }