UI: Minor style fixes to node-details-description.

Blockquotes and unordered lists could have the first line badly indented
since we introduced single-line comments. Now they both break the line
before being displayed.

src/styles/_comments.sass

@@ -38,7 +38,7 @@ $comments-width-max: 710px
 			display: inline-block
 			float: left
 			font-weight: bold
-			margin-right: 8px
+			margin-right: 10px
 			white-space: nowrap
 
 			&.op

src/styles/_utils.sass

@@ -394,14 +394,17 @@
 		word-wrap: break-word
 
 	blockquote
+		+clearfix
 		background-color: lighten($color-background-light, 5%)
 		box-shadow: inset 5px 0 0 $color-background
-		display: block
+		display: inline-block
+		width: 100%
 		font-size: 1em
 		margin:
+			bottom: 10px
 			left: 0
 			right: 20px
-			bottom: 30px
+			top: 10px
 		padding: 5px 5px 5px 20px
 		text-shadow: 1px 1px 0 rgba(white, .2)
 
@@ -445,11 +448,10 @@
 	+list-bullets
 
 	ul
-		margin-bottom: 25px
+		+clearfix
+		margin-bottom: 15px
 
 		li
-			margin-bottom: 7px
-
 			img
 				display: block
 				padding:
@@ -461,8 +463,8 @@
 				padding-left: 20px
 
 	code, kbd, pre, samp
-		background-color: rgba($color-primary, .05)
-		color: darken($color-primary, 15%)
+		background-color: darken(rgba($color-primary, .1), 30%)
+		color: $color-primary
 		font-size: inherit
 		white-space: pre-line
 
@@ -471,7 +473,7 @@
 
 	kbd
 		border:
-			color: rgba($color-primary, .33)
+			color: darken(rgba($color-primary, .33), 50%)
 			radius: 3px
 			style: solid
 			width: 2px
@@ -480,9 +482,13 @@
 		font:
 			size: .9em
 			weight: bold
-		margin: 2px
+		margin:
+			bottom: initial
+			left: 3px
+			right: 3px
+			top: initial
 		min-width: 15px
-		padding: 0 3px
+		padding: 0 5px
 		text:
 			align: center
 			transform: uppercase