From 67cc343695e26a776bc3c84088b730ceaf890ac9 Mon Sep 17 00:00:00 2001
From: Robert Sesek <rsesek@bluestatic.org>
Date: Sun, 3 Oct 2010 21:56:46 -0400
Subject: [PATCH] Add another set of styling for our modal dialog.

---
 web_frontend/modal_dialog.js |  2 ++
 web_frontend/screen.css      | 11 +++++++++++
 2 files changed, 13 insertions(+)

diff --git a/web_frontend/modal_dialog.js b/web_frontend/modal_dialog.js
index 5b9cccb..1a1f245 100644
--- a/web_frontend/modal_dialog.js
+++ b/web_frontend/modal_dialog.js
@@ -9,6 +9,7 @@
 
 goog.provide('armadillo.ModalDialog');
 
+goog.require('goog.dom.classes');
 goog.require('goog.events.EventHandler');
 goog.require('goog.ui.Container');
 goog.require('goog.ui.Control');
@@ -51,6 +52,7 @@ armadillo.ModalDialog.prototype.createDom = function() {
  */
 armadillo.ModalDialog.prototype.decorateInternal = function(element) {
   this.element_ = element;
+  goog.dom.classes.set(this.element_, 'modalDialog');
 
   var close = new goog.ui.Control('Close Modal Dialog');
   var dialog = this;
diff --git a/web_frontend/screen.css b/web_frontend/screen.css
index 2372095..18c3a24 100644
--- a/web_frontend/screen.css
+++ b/web_frontend/screen.css
@@ -95,6 +95,17 @@ h1 {
   font-size: 0.7em;
 }
 
+.modalDialog {
+  position: absolute;
+  background: white;
+  border: 3px solid red;
+  padding: 5px;
+  z-index: 99999;
+  top: 25%;
+  width: 50%;
+  left: 25%;
+}
+
 /**
  * Delete Confirmation Dialog
  * From Google Closure Library
-- 
2.22.5