ui fixes for recovery email popup in composer

Author: Pedro Aim

electron_app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "criptext",
-  "version": "0.29.1",
+  "version": "0.29.2",
   "author": {
     "name": "Criptext Inc",
     "email": "[email protected]",

email_composer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "email_composer",
-  "version": "0.29.1",
+  "version": "0.29.2",
   "private": true,
   "dependencies": {
     "@criptext/electron-better-ipc": "^0.7.0-rc1-0.2",

email_composer/src/components/Composer.js

@@ -72,15 +72,15 @@ const Composer = props => (
     )}
     {props.displayNotVerifiedRecoveryEmailPopup && (
       <NotverifiedrecoveryemailPopup
-        popupPosition={{ left: '45%', top: '45%' }}
+        popupPosition={{ left: '50%', top: '50%' }}
         onConfirmVerifyRecoveryEmail={props.handleConfirmVerifyRecoveryEmail}
         onTogglePopup={props.onTogglePopupNotVerifiedRecoveryEmail}
         theme={'dark'}
       />
     )}
     {props.displayRecoveryEmailSentPopup && (
       <Recoveryemailsentpopup
-        popupPosition={{ left: '45%', top: '45%' }}
+        popupPosition={{ left: '50%', top: '50%' }}
         onTogglePopup={props.onToggleRecoveryEmailSentPopup}
         theme={'dark'}
       />

email_composer/src/components/popuphoc.scss

@@ -5,35 +5,40 @@
 }
 
 .popup-container{
-  box-shadow: 0 1px 16px 0 rgba(143, 143, 143, 0.56);
   border: solid 1px transparent;
   border-radius: 15px;
   position: absolute;
   color: black;
   width: auto;
   z-index: 11;
   transform: translate(-50%, -50%);
-  width: 286px;
+  width: 226px;
   padding: 30px;
 
   .popup-content {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
-    font-size: 16px !important;
+    font-size: 14px;
     text-align: center;
 
     .popup-title > h1 {
-      font-size: 16px;
+      font-size: 14px;
     }
 
     .popup-confirm-button {
-      width: 190px;
+      padding: 0px 20px;
       height: 32px;
       border-radius: 23px;
       background-color: #0095ff;
-      font-size: 16px;
+      font-size: 14px;
+      text-transform: none;
+      margin-top: 26px;
+
+      span {
+        top: 0px;
+      }
     }
 
     .popup-cancel-button {
@@ -42,7 +47,8 @@
       color: #0095ff;
       text-decoration: underline;
       background-color: transparent;
-      font-size: 16px;
+      font-size: 14px;
+      text-transform: none;
     }
   }
 

email_composer/src/lang/es.json

@@ -47,7 +47,7 @@
       "description": "Necesitas verificar tu correo de recuperación antes de poder enviar correos.",
       "description_2": "Esto es para que puedas acceder a tu cuenta en caso de que la pierdas.",
       "buttons": {
-        "send": "Verificar correo de veriicación",
+        "send": "Verificar Correo",
         "cancel": "Cancelar"
       }
     },

email_loading/package.json

@@ -1,6 +1,6 @@
 {
   "name": "email_loading",
-  "version": "0.29.1",
+  "version": "0.29.2",
   "private": true,
   "dependencies": {
     "@criptext/electron-better-ipc": "^0.7.0-rc1-0.2",

email_login/package.json

@@ -1,6 +1,6 @@
 {
   "name": "email_login",
-  "version": "0.29.1",
+  "version": "0.29.2",
   "private": true,
   "dependencies": {
     "@criptext/electron-better-ipc": "^0.7.0-rc1-0.2",

email_mailbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "email_mailbox",
-  "version": "0.29.1",
+  "version": "0.29.2",
   "private": true,
   "dependencies": {
     "@criptext/electron-better-ipc": "^0.7.0-rc1-0.2",

email_pin/package.json

@@ -1,6 +1,6 @@
 {
   "name": "email_pin",
-  "version": "0.29.1",
+  "version": "0.29.2",
   "private": true,
   "dependencies": {
     "@criptext/electron-better-ipc": "^0.7.0-rc1-0.2",