dialog.less in metro-ui-rails-0.15.8.15

- old
+ new

@@ -12,11 +12,11 @@
   	position: absolute;
 	top: 40%;
 	left: 40%;
 	min-width: 150px;
 	min-height: 155px;
-	z-index: 1000;
+	z-index: 1002;
 	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 
 	.header 
 	{
         #font > .subheader;
@@ -46,10 +46,17 @@
             min-height: 24px;
             min-width: 24px;
             [class^="icon-"], [class*=" icon-"] {
                 font-size: 11px;
             }
+
+            i
+			{
+				position: absolute;
+				left: 5px;
+				top: 6px;
+			}
         }
     }
 
 	.content
 	{
@@ -65,18 +72,29 @@
 	{
 		position: relative;
 		bottom: 0;
 		width: auto;
 		height: 40px;
+		padding: 0 10px;
 		font-size: 18px;
 		text-align: center;
 		white-space: nowrap;
 		overflow: hidden;
 		background-color: #FFFFFF;
 		border-left: 1px solid rgba(0, 0, 0, 0.2);
 		border-right: 1px solid rgba(0, 0, 0, 0.2);
 		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+
+		button
+		{
+			margin: 0 10px 0 0;
+		}
+
+		button:last-child
+		{
+			margin: 0;
+		}
 	}
 }
 
 #dialogOverlay
 {
@@ -84,7 +102,7 @@
 	height: 100%;
 	position: fixed;
 	top: 0;
 	left: 0;
 	background-color: rgba(235, 235, 235, 0.5);
-	z-index: 1;
+	z-index: 1002;
 }