use button tag for save as dialog

Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>

1 files changed, 34 insertions, 23 deletions

diff --git a/js/io/ui/save-as-dialog.reel/save-as-dialog.css b/js/io/ui/save-as-dialog.reel/save-as-dialog.css
index 40434c25..92970706 100644
--- a/js/io/ui/save-as-dialog.reel/save-as-dialog.css
+++ b/js/io/ui/save-as-dialog.reel/save-as-dialog.css
@@ -10,8 +10,12 @@
     height:150px;
     padding-left: 15px;
     padding-right: 15px;
-    background-color:#313131;
     color: #ffffff;
+    background-color:#494949;
+    font-family: 'Droid Sans', sans-serif;
+    border-radius: 8px;
+    box-shadow: 0px 0px 8px rgba(0, 0, 0, .8);
+    text-shadow: 1px 1px 1px #000;
 }
 
 .saveAsDialog .title{
@@ -24,7 +28,7 @@
 }
 
 .saveAsDialog .locationSelection{
-    border: 1px groove #000000;
+    border: 1px solid #000000;
     overflow: auto;
     height:38%;
     padding: 15px;
@@ -65,31 +69,38 @@
     margin-left:3px;
 }
 
+.saveAsDialog .buttons button {
+        float: left;
+        width: 100px;
+        margin-top: 3px;
+}
+
 .saveAsDialog .okButton{
-    margin-right:25px;
-    -webkit-box-align: center;
-    text-align: center;
-    cursor: default;
-    padding: 0px 6px 0px;
-    border:2px solid #d1d1d1;
-    background-color: #e1e1e1;
-    box-sizing: border-box;
-    border-radius:10px;
-    background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);
-    cursor:pointer;
+    margin: 0px 5px 0px 5px;
+    /*margin-right:25px;*/
+    /*-webkit-box-align: center;*/
+    /*text-align: center;*/
+    /*cursor: default;*/
+    /*padding: 0px 6px 0px;*/
+    /*border:2px solid #d1d1d1;*/
+    /*background-color: #e1e1e1;*/
+    /*box-sizing: border-box;*/
+    /*border-radius:10px;*/
+    /*background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);*/
+    /*cursor:pointer;*/
 }
 
 .saveAsDialog .cancelButton{
-    -webkit-box-align: center;
-    text-align: center;
-    cursor: default;
-    padding: 0px 6px 0px;
-    border:2px solid #d1d1d1;
-    background-color: #e1e1e1;
-    box-sizing: border-box;
-    border-radius:10px;
-    background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);
-    cursor:pointer;
+    /*-webkit-box-align: center;*/
+    /*text-align: center;*/
+    /*cursor: default;*/
+    /*padding: 0px 6px 0px;*/
+    /*border:2px solid #d1d1d1;*/
+    /*background-color: #e1e1e1;*/
+    /*box-sizing: border-box;*/
+    /*border-radius:10px;*/
+    /*background-image: -webkit-linear-gradient(bottom, #e1e1e1 13%, #d1d1d1 58%, #e1e1e1 40%);*/
+    /*cursor:pointer;*/
 }
 
 .saveAsDialog input[type="button"]:disabled{