0.0.62

components.js

@@ -1999,7 +1999,6 @@ smPopup.innerHTML = `
     padding: 1.5rem;
     overflow-y: auto;
 }
-
 .hide{
     opacity: 0;
     pointer-events: none;

css/main.css

@@ -454,9 +454,6 @@ sm-popup h5:not(.tag) {
 #reader {
   overflow: hidden;
 }
-#reader video {
-  object-fit: cover;
-}
 
 #qr_code_popup::part(popup) {
   height: 90vh;
@@ -1441,7 +1438,6 @@ sm-panel {
   background: rgba(var(--text-color), 0.06);
   align-self: center;
   margin-bottom: 0.6rem;
-  box-shadow: 0 0.1rem 0.1rem #00000016, 0 0.1rem 0.3rem #00000040;
 }
 
 .person {
@@ -1468,7 +1464,6 @@ sm-panel {
   border-radius: 2rem;
   margin-bottom: 0.6rem !important;
   text-transform: uppercase;
-  box-shadow: 0 0.1rem 0.1rem #00000016, 0 0.1rem 0.3rem #00000040;
 }
 
 .person-name {
@@ -1490,6 +1485,10 @@ sm-panel {
   width: 2.6rem;
   padding: 0.8rem;
   cursor: pointer;
+  stroke-width: 8;
+}
+#person_popup > .flex:first-of-type .flex .icon:hover {
+  background: rgba(var(--text-color), 0.06);
 }
 #person_popup h3 {
   text-transform: capitalize;
@@ -1560,6 +1559,10 @@ sm-panel {
   #deposit .user-panel {
     padding: 0;
   }
+
+  video {
+    height: 100vw;
+  }
 }
 @media only screen and (min-width: 640px) {
   .hide-on-desktop {

css/main.scss

@@ -469,9 +469,6 @@ sm-popup{
 
 #reader{
     overflow: hidden;
-    video{
-        object-fit: cover;
-    }
 }
 #qr_code_popup{
     &::part(popup){
@@ -1492,7 +1489,6 @@ sm-panel{
         background: rgba(var(--text-color), 0.06);
         align-self: center;
         margin-bottom: 0.6rem;
-        box-shadow: 0 0.1rem 0.1rem #00000016, 0 0.1rem 0.3rem #00000040;
     }
 }
 .person{
@@ -1518,7 +1514,6 @@ sm-panel{
     border-radius: 2rem;
     margin-bottom: 0.6rem !important;
     text-transform: uppercase;
-    box-shadow: 0 0.1rem 0.1rem #00000016, 0 0.1rem 0.3rem #00000040;
 }
 .person-name{
     font-size: 0.85rem;
@@ -1538,6 +1533,10 @@ sm-panel{
                 width: 2.6rem;
                 padding: 0.8rem;
                 cursor: pointer;
+                stroke-width: 8;
+                &:hover{
+                    background: rgba(var(--text-color), 0.06);
+                }
             }
         }
     }
@@ -1611,6 +1610,9 @@ sm-panel{
             padding: 0;
         }
     }
+    video{
+        height: 100vw;
+    }
 }
 
 @media only screen and (min-width: 640px) {

index.html

@@ -1981,10 +1981,10 @@
 
             document.getElementById('person_popup').addEventListener('click', e => {
                 if (!e.target.closest('#show_person_name') && !e.target.closest('#edit_person_name')) {
-                    if (showPersonName.isContentEditable && personName !== showPersonName.textContent) {
-                        changePersonName()
+                    if (showPersonName.isContentEditable)
                         showPersonName.contentEditable = 'false'
-                    }
+                    if(personName !== showPersonName.textContent)
+                        changePersonName()
                 }
             })