From f44ee1c95b62da184e306a8957421c4b84b5263d Mon Sep 17 00:00:00 2001
From: Michael Jumper <mjumper@apache.org>
Date: Fri, 2 Dec 2016 00:49:21 -0800
Subject: [PATCH] GUACAMOLE-136: Render Duo field as modal dialog.

---
 .../src/main/resources/styles/duo.css         | 20 +++++++++++++++++++
 .../templates/duoSignedResponseField.html     |  8 +++++---
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/extensions/guacamole-auth-duo/src/main/resources/styles/duo.css b/extensions/guacamole-auth-duo/src/main/resources/styles/duo.css
index db49ab368..6d01a85cd 100644
--- a/extensions/guacamole-auth-duo/src/main/resources/styles/duo.css
+++ b/extensions/guacamole-auth-duo/src/main/resources/styles/duo.css
@@ -17,6 +17,23 @@
  * under the License.
  */
 
+
+.duo-signature-response-field-container {
+    height: 100%;
+    width: 100%;
+    position: fixed;
+    left: 0;
+    top: 0;
+    display: table;
+    background: white;
+}
+
+.duo-signature-response-field {
+    width: 100%;
+    display: table-cell;
+    vertical-align: middle;
+}
+
 .duo-signature-response-field input[type="submit"] {
     display: none !important;
 }
@@ -26,6 +43,9 @@
     max-width: 620px;
     height: 330px;
     border: none;
+    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
+    display: block;
+    margin: 1.5em auto;
 }
 
 .duo-signature-response-field iframe {
diff --git a/extensions/guacamole-auth-duo/src/main/resources/templates/duoSignedResponseField.html b/extensions/guacamole-auth-duo/src/main/resources/templates/duoSignedResponseField.html
index 622bd428b..e51e1900b 100644
--- a/extensions/guacamole-auth-duo/src/main/resources/templates/duoSignedResponseField.html
+++ b/extensions/guacamole-auth-duo/src/main/resources/templates/duoSignedResponseField.html
@@ -1,4 +1,6 @@
-<div class="duo-signature-response-field" ng-class="{ loading : !duoInterfaceLoaded }">
-    <iframe></iframe>
-    <input type="submit">
+<div class="duo-signature-response-field-container">
+    <div class="duo-signature-response-field" ng-class="{ loading : !duoInterfaceLoaded }">
+        <iframe></iframe>
+        <input type="submit">
+    </div>
 </div>