CLOUD-13193【dev47.34】网页插件：访客端的满意度评价和留言按钮的样式错位，如图

Author: lixinkuan

src/scss/ui.scss

@@ -30,6 +30,32 @@
 				}
 			}
 		}
+		> div.footer{
+			position: absolute;
+			box-sizing: border-box;
+			font-size: 0;	// 消除 button 间隔
+			bottom: 0;
+			width: 100%;
+			margin: 15px 0;
+			padding: 0 15px;
+			> button {
+				width: 40%;
+				padding: 0;
+				height: 30px;
+				line-height: 30px;
+				border-radius: 4px;
+				color: white;
+				border: none;
+				font-size: 13px;
+				cursor: pointer;
+				&.cancel-btn {
+					margin-right: 20%;
+					background-color: white;
+					color: #A6A6A6;
+					border: 1px solid #E4E4E4;
+				}
+			}
+		}
 	}
 }
 .em-widget-error-prompt {
@@ -121,6 +147,30 @@
 		height: 100px;
 		resize: none;
 	}
+	> div.footer{
+		width: 90%;
+		margin: 15px auto;
+		bottom: 0;
+		text-align: center;
+		> button {
+			width: 40%;
+			padding: 0;
+			height: 30px;
+			line-height: 30px;
+			border-radius: 4px;
+			color: white;
+			border: none;
+			font-size: 13px;
+			cursor: pointer;
+			float: right;
+			&.cancel-btn {
+				background-color: white;
+				color: #A6A6A6;
+				border: 1px solid #E4E4E4;
+				float: left;
+			}
+		}
+	}
 	&.mini {
 		text-align: center;
 		z-index: 2000;
@@ -560,32 +610,6 @@
 			}
 		}
 	}
-	> div.footer{
-		position: absolute;
-		box-sizing: border-box;
-		font-size: 0;	// 消除 button 间隔
-		bottom: 0;
-		width: 100%;
-		margin: 15px 0;
-		padding: 0 15px;
-		> button {
-			width: 40%;
-			padding: 0;
-			height: 30px;
-			line-height: 30px;
-			border-radius: 4px;
-			color: white;
-			border: none;
-			font-size: 13px;
-			cursor: pointer;
-			&.cancel-btn {
-				margin-right: 20%;
-				background-color: white;
-				color: #A6A6A6;
-				border: 1px solid #E4E4E4;
-			}
-		}
-	}
 	// tag 选择器
 	@extend %em-dialog-tag-selector;
 }