2 files changed, 35 insertions, 11 deletions
diff --git a/src/static/css/detail_view.css b/src/static/css/detail_view.css
new file mode 100644
index 0000000..89d0867
--- /dev/null
+++ b/src/static/css/detail_view.css
@@ -0,0 +1,14 @@
+.detail_card {
+        border: 2px;
+        border-color: black;
+        border-radius: 5px;
+        margin: 5px;
+        padding: 5px;
+        box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
+}
+
+.detail_btn_group {
+        margin: 3px;
+        padding: 3px;
+        padding-bottom: 5px;
+}
diff --git a/src/static/css/graph_common.css b/src/static/css/graph_common.css
index 7f90a66..cff1516 100644
--- a/src/static/css/graph_common.css
+++ b/src/static/css/graph_common.css
@@ -26,9 +26,6 @@ div.mxRubberband {
     margin: 0px;
 }
 div.mxWindow {
-    -webkit-box-shadow: 3px 3px 12px #C0C0C0;
-    -moz-box-shadow: 3px 3px 12px #C0C0C0;
-    box-shadow: 3px 3px 12px #C0C0C0;
     background: url('../img/mxgraph/window.gif');
     border:1px solid #c3c3c3;
     position: absolute;
@@ -67,19 +64,32 @@ td.mxWindowPane td {
     font-size: 8pt;
 }
 td.mxWindowPane input, td.mxWindowPane select, td.mxWindowPane textarea, td.mxWindowPane radio {
-      border-color: #8C8C8C;
-      border-style: solid;
-      border-width: 1px;
       font-family: Arial;
     font-size: 8pt;
      padding: 1px;
 }
 td.mxWindowPane button {
-    background: url('/static/img/mxgraph/button.gif') repeat-x;
-      font-family: Arial;
-      font-size: 8pt;
-      padding: 2px;
-    float: left;
+    color: #fff;
+    background-color: #337ab7;
+    border-color: #2e6da4;
+    display: inline-block;
+    margin: 2%;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 1.42857143;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    -ms-touch-action: manipulation;
+    touch-action: manipulation;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    background-image: none;
+    border: 1px solid transparent;
+    border-radius: 4px;
 }
 img.mxToolbarItem {
     margin-right: 6px;