tests/visual: adjusted the formatting a bit. Separated dialog tests into simple dialog and dialog with buttons

1 files changed, 9 insertions, 7 deletions

diff --git a/tests/visual/all.css b/tests/visual/all.css
index 4fd39d5ac..d4b4805a1 100644
--- a/tests/visual/all.css
+++ b/tests/visual/all.css
@@ -7,7 +7,7 @@ ul.plugins {
 ul.plugins li.plugin {
 	margin: 0 12px 12px 0;
 	list-style-type: none;
-	width: 210px;
+	width: 220px;
 	height: 220px;
 	float: left;
 	color: white;
@@ -19,8 +19,7 @@ li.plugin {
 	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
 }
 
-#accordion, #draggable,
-#resizable, #selectable, #sortable {
+#draggable, #resizable, #selectable, #sortable {
 	margin: 10px;
 	width: 190px; height: 180px;
 	text-align: center;
@@ -31,14 +30,17 @@ li.plugin {
 	background: none;
 	text-align: left;
 }
-#datepicker, #dialog, #progressbar, #slider {
+#accordion, #datepicker, #dialog, #progressbar, #slider {
 	margin: 10px;
 }
 #datepicker {
-	margin-left: 0;
+	margin-left: -40px;
+}
+#tabs {
+	margin: 0 10px;
 }
 #selectable div {
-	width: 45px; height: 45px; float: left; margin: 6px;
+	width: 45px; height: 45px; float: left; margin: 6px 8px;
 	border: 1px solid white;
 	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
 }
@@ -49,7 +51,7 @@ li.plugin {
 	background: black;
 }
 #sortable div {
-	width: 45px; height: 45px; float: left; margin: 6px;
+	width: 45px; height: 45px; float: left; margin: 6px 8px;
 	border: 1px solid white;
 	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
 }