From ac4582575259d0d3c1d3dbaeae6390c8115cd57c Mon Sep 17 00:00:00 2001
From: Kirk Mayo <kirk@silverstripe.com>
Date: Wed, 11 Jul 2012 10:09:10 +1200
Subject: [PATCH] BUG:fixed alignment of radio buttons on add page pane
 trac/7473

---
 admin/css/screen.css   |  23 ++++-----
 admin/scss/_style.scss | 104 +++++++++++++++++++++--------------------
 2 files changed, 66 insertions(+), 61 deletions(-)

diff --git a/admin/css/screen.css b/admin/css/screen.css
index 3b995389965..c2433c2b549 100644
--- a/admin/css/screen.css
+++ b/admin/css/screen.css
@@ -355,17 +355,18 @@ body.cms { overflow: hidden; }
 .cms-add-form .step-label .title { padding-top: 5px; font-weight: bold; text-shadow: 1px 1px 0 white; }
 .cms-add-form ul.SelectionGroup { padding-left: 28px; }
 .cms-add-form .parent-mode { padding: 8px; overflow: auto; }
-.cms-add-form #PageType li { float: none; width: 100%; padding: 9px 0 9px 15px; overflow: hidden; border-bottom-width: 2px; border-bottom: 2px groove rgba(255, 255, 255, 0.8); -webkit-border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; }
-.cms-add-form #PageType li:last-child { border-bottom: none; }
-.cms-add-form #PageType li:hover, .cms-add-form #PageType li.selected { background-color: rgba(255, 255, 102, 0.3); }
-.cms-add-form #PageType li.disabled { color: #aaaaaa; }
-.cms-add-form #PageType li.disabled:hover { background: none; }
-.cms-add-form #PageType li input { margin: inherit; }
-.cms-add-form #PageType li label { padding-left: 0; padding-bottom: 0; }
-.cms-add-form #PageType li input, .cms-add-form #PageType li label, .cms-add-form #PageType li .page-icon, .cms-add-form #PageType li .title { float: left; line-height: 1.3em; }
-.cms-add-form #PageType li .page-icon { margin: 0 4px; }
-.cms-add-form #PageType li .title { width: 120px; font-weight: bold; padding-right: 10px; }
-.cms-add-form #PageType li .description { font-style: italic; }
+.cms-add-form #PageType ul { padding-left: 20px; }
+.cms-add-form #PageType ul li { float: none; width: 100%; padding: 9px 0 9px 15px; overflow: hidden; border-bottom-width: 2px; border-bottom: 2px groove rgba(255, 255, 255, 0.8); -webkit-border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; }
+.cms-add-form #PageType ul li:last-child { border-bottom: none; }
+.cms-add-form #PageType ul li:hover, .cms-add-form #PageType ul li.selected { background-color: rgba(255, 255, 102, 0.3); }
+.cms-add-form #PageType ul li.disabled { color: #aaaaaa; }
+.cms-add-form #PageType ul li.disabled:hover { background: none; }
+.cms-add-form #PageType ul li input { margin: inherit; }
+.cms-add-form #PageType ul li label { padding-left: 0; padding-bottom: 0; }
+.cms-add-form #PageType ul li input, .cms-add-form #PageType ul li label, .cms-add-form #PageType ul li .page-icon, .cms-add-form #PageType ul li .title { float: left; line-height: 1.3em; }
+.cms-add-form #PageType ul li .page-icon { margin: 0 4px; }
+.cms-add-form #PageType ul li .title { width: 120px; font-weight: bold; padding-right: 10px; }
+.cms-add-form #PageType ul li .description { font-style: italic; }
 
 /** -------------------------------------------- Content toolbar -------------------------------------------- */
 .cms-content-toolbar { display: block; margin: 0 0 15px 0; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); *zoom: 1; /* smaller treedropdown */ }
diff --git a/admin/scss/_style.scss b/admin/scss/_style.scss
index 14b3feba43e..329ca0a2083 100644
--- a/admin/scss/_style.scss
+++ b/admin/scss/_style.scss
@@ -481,59 +481,63 @@ body.cms {
 		overflow: auto;
 	}
 
-	#PageType li {
-		float: none;
-		width: 100%;
-		padding: 9px 0 9px 15px;
-		overflow: hidden;
-		border-bottom-width: 2px;
-		border-bottom: 2px groove lighten($color-shadow-light, 95%);
-		-webkit-border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch;
-		border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch;
-
-		&:last-child {
-			border-bottom: none;
-		}
-				
-		&:hover, &.selected {
-			background-color: $color-highlight-opacity;
-		}
+	#PageType {
+		ul {
+			padding-left: 20px;
+			li {
+				float: none;
+				width: 100%;
+				padding: 9px 0 9px 15px;
+				overflow: hidden;
+				border-bottom-width: 2px;
+				border-bottom: 2px groove lighten($color-shadow-light, 95%);
+				-webkit-border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch;
+				border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch;
+
+				&:last-child {
+					border-bottom: none;
+				}
+						
+				&:hover, &.selected {
+					background-color: $color-highlight-opacity;
+				}
 
-		&.disabled {
-			color: $color-text-disabled;
-			&:hover {
-				background: none;
-			}
-		}
+				&.disabled {
+					color: $color-text-disabled;
+					&:hover {
+						background: none;
+					}
+				}
 
-		input {
-			margin: inherit;
-		}
+				input {
+					margin: inherit;
+				}
 
-		label {
-			padding-left: 0;
-			padding-bottom: 0;
-		}
-		
-		input, label, .page-icon, .title {
-			float: left;
-			line-height: 1.3em;
-		}
-		
-		.page-icon {
-			margin: 0 4px;
-		}
-		
-		.title {
-			width: 120px;
-			font-weight: bold;
-			padding-right: 10px;
-		}
-		
-		.description {
-			font-style: italic;
-		}
-		
+				label {
+					padding-left: 0;
+					padding-bottom: 0;
+				}
+				
+				input, label, .page-icon, .title {
+					float: left;
+					line-height: 1.3em;
+				}
+				
+				.page-icon {
+					margin: 0 4px;
+				}
+				
+				.title {
+					width: 120px;
+					font-weight: bold;
+					padding-right: 10px;
+				}
+				
+				.description {
+					font-style: italic;
+				}
+			}
+		}	
 	}	
 }