Index: wp-admin/js/post.dev.js
===================================================================
--- wp-admin/js/post.dev.js	(revision 21304)
+++ wp-admin/js/post.dev.js	(working copy)
@@ -612,6 +612,7 @@
 		makeSlugeditClickable = function() {
 			$('#editable-post-name').click(function() {
 				$('#edit-slug-buttons').children('.edit-slug').click();
+				return false;
 			});
 		}
 		makeSlugeditClickable();
Index: wp-admin/includes/post.php
===================================================================
--- wp-admin/includes/post.php	(revision 21304)
+++ wp-admin/includes/post.php	(working copy)
@@ -1091,11 +1091,11 @@
 	}
 
 	if ( false === strpos($permalink, '%postname%') && false === strpos($permalink, '%pagename%') ) {
+		if ( isset( $view_post ) )
+			$permalink = '<a href="' . $permalink . '" title="' . esc_attr( $view_post ) . '" target="_blank">' . $permalink . '</a>';
 		$return = '<strong>' . __('Permalink:') . "</strong>\n" . '<span id="sample-permalink" tabindex="-1">' . $permalink . "</span>\n";
 		if ( '' == get_option( 'permalink_structure' ) && current_user_can( 'manage_options' ) && !( 'page' == get_option('show_on_front') && $id == get_option('page_on_front') ) )
 			$return .= '<span id="change-permalinks"><a href="options-permalink.php" class="button" target="_blank">' . __('Change Permalinks') . "</a></span>\n";
-		if ( isset($view_post) )
-			$return .= "<span id='view-post-btn'><a href='$permalink' class='button'>$view_post</a></span>\n";
 
 		$return = apply_filters('get_sample_permalink_html', $return, $id, $new_title, $new_slug);
 
@@ -1116,16 +1116,16 @@
 		}
 	}
 
-	$post_name_html = '<span id="editable-post-name" title="' . $title . '">' . $post_name_abridged . '</span>';
+	$post_name_html = '<span id="editable-post-name">' . $post_name_abridged . '</span>';
 	$display_link = str_replace(array('%pagename%','%postname%'), $post_name_html, $permalink);
 	$view_link = str_replace(array('%pagename%','%postname%'), $post_name, $permalink);
+	if ( isset( $view_post ) )
+		$display_link = '<a href="' . $view_link . '" title="' . esc_attr( $view_post ) . '" target="_blank">' . $display_link . '</a>';
 	$return =  '<strong>' . __('Permalink:') . "</strong>\n";
 	$return .= '<span id="sample-permalink" tabindex="-1">' . $display_link . "</span>\n";
 	$return .= '&lrm;'; // Fix bi-directional text display defect in RTL languages.
 	$return .= '<span id="edit-slug-buttons"><a href="#post_name" class="edit-slug button hide-if-no-js" onclick="editPermalink(' . $id . '); return false;">' . __('Edit') . "</a></span>\n";
 	$return .= '<span id="editable-post-name-full">' . $post_name . "</span>\n";
-	if ( isset($view_post) )
-		$return .= "<span id='view-post-btn'><a href='$view_link' class='button'>$view_post</a></span>\n";
 
 	$return = apply_filters('get_sample_permalink_html', $return, $id, $new_title, $new_slug);
 
Index: wp-admin/css/wp-admin.dev.css
===================================================================
--- wp-admin/css/wp-admin.dev.css	(revision 21304)
+++ wp-admin/css/wp-admin.dev.css	(working copy)
@@ -2932,10 +2932,22 @@
 	padding: 0 10px;
 }
 
+#sample-permalink a {
+	text-decoration: none;
+}
+
+#sample-permalink a:hover {
+	text-decoration: underline;
+}
+
 #editable-post-name-full {
 	display: none;
 }
 
+#editable-post-name:hover {
+	cursor: text;
+}
+
 #editable-post-name input {
 	width: 16em;
 }
Index: wp-admin/css/colors-fresh.dev.css
===================================================================
--- wp-admin/css/colors-fresh.dev.css	(revision 21304)
+++ wp-admin/css/colors-fresh.dev.css	(working copy)
@@ -317,6 +317,7 @@
 .howto,
 .nonessential,
 #edit-slug-box,
+#editable-post-name,
 .form-input-tip,
 .subsubsub {
 	color: #666;
@@ -581,7 +582,8 @@
 #media-upload a.del-link,
 #media-items a.delete,
 .plugins a.delete,
-.ui-tabs-nav a {
+.ui-tabs-nav a,
+#sample-permalink a:hover {
 	color: #21759b;
 }
 
Index: wp-admin/css/colors-classic.dev.css
===================================================================
--- wp-admin/css/colors-classic.dev.css	(revision 21304)
+++ wp-admin/css/colors-classic.dev.css	(working copy)
@@ -326,6 +326,7 @@
 .howto,
 .nonessential,
 #edit-slug-box,
+#editable-post-name,
 .form-input-tip,
 .subsubsub {
 	color: #666;
@@ -590,7 +591,8 @@
 #media-upload a.del-link,
 #media-items a.delete,
 .plugins a.delete,
-.ui-tabs-nav a {
+.ui-tabs-nav a,
+#sample-permalink a:hover {
 	color: #21759b;
 }