Fix styling of verification box to popover

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>

1 files changed, 4 insertions, 35 deletions

diff --git a/settings/css/settings.css b/settings/css/settings.css
index 3e5c8d1fcf8..395423c3bce 100644
--- a/settings/css/settings.css
+++ b/settings/css/settings.css
@@ -141,10 +141,10 @@ input#openid, input#webdav { width:20em; }
 
 #personal-settings-container .verify {
 	float: right;
-	padding-top: 10px;
 }
 
 #personal-settings-container .verify-action {
+	padding: 10px;
 	cursor: pointer;
 }
 
@@ -1030,47 +1030,16 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
 
 /* verify accounts */
 #verification-dialog {
-    display: none; /* Hidden by default */
-    position: fixed; /* Stay in place */
-    z-index: 1; /* Sit on top */
-    left: 0;
-    top: 0;
-    width: 100%; /* Full width */
-    height: 100%; /* Full height */
-    overflow: auto; /* Enable scroll if needed */
-    background-color: rgb(0,0,0); /* Fallback color */
-    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
-}
-
-.verification-dialog-content {
-    background-color: #fefefe;
-    margin: 15% auto; /* 15% from the top and centered */
-    padding: 20px;
-    border: 1px solid #888;
-    width: 60%; /* Could be more or less, depending on screen size */
-}
-
-#verify-dialog-close {
-	float: right;
-	width: 34px;
-	border: none;
-	background-color: transparent;
-	margin: 0 !important;
-	border-radius: 0;
 	right: 0;
-	opacity: 0.3;
+	top: 0;
 }
 
-#verify-dialog-close:hover {
-	cursor: pointer;
-	opacity: 1;
+#verification-dialog p {
+	padding: 10px;
 }
 
 #verification-dialog .verificationCode {
 	font-family: monospace;
 	white-space: nowrap;
 	display: block;
-	overflow-y: scroll;
-	padding: 10px;
-	margin: 20px 20px 20px 0;
 }