Make use of iframes for the password picker.

Fix creating credentials from the password picker.

Signed-off-by: brantje <brantje@gmail.com>

1 files changed, 19 insertions, 11 deletions

diff --git a/style/password_picker.scss b/style/password_picker.scss
index 047b634..60a1a32 100644
--- a/style/password_picker.scss
+++ b/style/password_picker.scss
@@ -16,11 +16,17 @@ fieldset.fields1 div {
     cursor: pointer;
   }
 }
+body{
+  padding: 0;
+  margin: 0;
+  overflow: hidden;
+  background-color: transparent;
+}
 #password_picker {
   width: 330px;
   border: 2px solid #000;
   max-height: 375px;
-  overflow: auto;
+  overflow: hidden;
   z-index: 9999999;
   box-sizing: content-box;
 
@@ -69,9 +75,7 @@ fieldset.fields1 div {
   div {
     box-sizing: content-box;
   }
-
-  input[type="password"], input[type="text"] {
-    width: calc(100% - 45px) !important;
+  .input{
     float: left;
     background: #fff;
     color: #555;
@@ -79,8 +83,7 @@ fieldset.fields1 div {
     font-family: inherit;
     border: 1px solid #ddd;
     outline: none;
-    height: 14px;
-    min-height: 14px;
+    height: 19px;
     border-radius: 3px;
     margin: 3px 3px 3px 0;
     padding: 7px 6px 5px;
@@ -88,8 +91,12 @@ fieldset.fields1 div {
     box-sizing: content-box;
     background-clip: padding-box;
   }
-  input[type="password"] {
-    float: left;
+  input[type="password"], input[type="text"]:not(#savepw-password) {
+    width: calc(100% - 24px) !important;
+
+  }
+  input[type="password"],#savepw-password {
+    width: calc(100% - 75px) !important;
     $border: 0px;
     @include border-top-radius($border);
     @include border-right-radius($border);
@@ -138,7 +145,8 @@ fieldset.fields1 div {
       float: left;
     }
     h2 {
-      font-size: 18px;
+      font-size: 16px;
+      margin: 0 0 15px 0px;
     }
     .tab-add-content {
       label {
@@ -178,7 +186,7 @@ fieldset.fields1 div {
           font-family: inherit;
           border: 1px solid #ddd;
           outline: none;
-          height: 16px;
+          height: 19px;
           min-height: 16px;
           border-radius: 3px;
           margin: 3px 3px 3px 0;
@@ -235,7 +243,7 @@ fieldset.fields1 div {
     display: inline-block;
     padding: 6px 12px;
     margin-bottom: 0;
-    font-size: 14px;
+    font-size: 13px;
     font-weight: normal;
     line-height: 1.42857143;
     text-align: center;