Improve wording, make import buttons orange

Author: Limon Monte

extension/chrome/elements/add_pubkey.htm

@@ -37,8 +37,11 @@ <h1>Add a pubkey to email address</h1>
     <div class="line">
       <textarea class="pubkey" placeholder="ASCII Armored Public Key" spellcheck="false" data-test="input-pubkey"></textarea>
     </div>
+    <div class="line orange">
+      Manually importing Public Keys can be dangerous
+    </div>
     <div class="line">
-      <button class="button long green action_ok" data-test="action-add-pubkey">OK</button>
+      <button class="button long orange action_ok" data-test="action-add-pubkey">OK</button>
       <button class="button long gray action_settings">SETTINGS</button>
       <button class="button long gray action_close">CLOSE</button>
     </div>

extension/chrome/elements/pgp_pubkey.htm

@@ -20,13 +20,11 @@
     <div class="line fingerprints hide_if_compact">Fingerprint: <span class="fingerprint good"></span></div>
     <div class="line add_contact">
       <input class="input_email" data-test="input-email" value="..." />
-      <button class="button green action_add_contact" data-test="action-add-contact"></button>
-      <div class="mt-10">
-        <span class="orange">
-          Manually importing Public Keys received over email can be dangerous. <br>
-          Contact the sender to verify that the fingerprint matches.
-        </span>
-      </div>
+      <button class="button orange action_add_contact" data-test="action-add-contact"></button>
+    </div>
+    <div class="mt-10 orange hide_if_compact">
+      Manually importing Public Keys received over email can be dangerous. <br>
+      Contact the sender to verify that the fingerprint matches.
     </div>
     <pre class="pubkey hide_if_compact"></pre>
   </div>

extension/chrome/settings/modules/contacts.htm

@@ -43,11 +43,14 @@ <h1></h1>
     </div>
 
     <div id="bulk_import" style="display: none;">
+      <div class="line orange">
+        Manually importing Public Keys can be dangerous
+      </div>
       <div class="line" id="file_import">
         <a id="fineuploader_button" href="#">Select a file</a> or paste public key(s) below:
         <div id="fineuploader" class="display_none"></div>
       </div>
-      <div id="processed"></div>
+      <div id="processed" class="mt-20"></div>
       <div class="line">
         <textarea class="input_pubkey"
           data-test="input-bulk-public-keys"

extension/chrome/settings/modules/contacts.ts

@@ -265,7 +265,7 @@ View.run(class ContactsView extends View {
           }
         }
         container.css('display', 'block');
-        $('#bulk_import .input_pubkey, #bulk_import .action_process, #file_import #fineuploader_button').css('display', 'none');
+        $('#bulk_import .input_pubkey, #bulk_import .action_process, #file_import, #fineuploader_button').css('display', 'none');
       }
     } catch (e) {
       ApiErr.reportIfSignificant(e);

extension/css/cryptup.css

@@ -54,6 +54,7 @@ span.red { color: #d14836; }
 .line.orange,
 td.orange,
 b.orange,
+div.orange,
 span.orange { color: #c27e23; }
 
 .line.green,
@@ -140,6 +141,11 @@ span.gray { color: #b7b7b7; }
   color: white;
 }
 
+.button.orange {
+  background: #d18826;
+  color: white;
+}
+
 .swal2-container.ui-toast-container {
   width: 77%;
 }
@@ -1046,8 +1052,8 @@ body#settings > div#content.dialog.add_pubkey select.copy_from_email {
 
 body#settings > div#content.dialog.add_pubkey textarea.pubkey {
   width: 500px;
-  height: 340px;
-  font-size: 10px;
+  height: 300px;
+  font-size: 12px;
   padding: 8px;
 }