From da3ccbf7e343d310b9d42b3754e936ccfb636aee Mon Sep 17 00:00:00 2001
From: Michael Bach <none@none>
Date: Mon, 26 Jul 2010 14:07:10 -0700
Subject: [PATCH] Reduce the size of the comment text area in blogs. Move the
 styling from global textarea to target only the text area in the comment
 fields. Remove the top border in blog list items. Clean up various things in
 the comment box, including removing the extra "comment" label and added
 friendly verbage to the comment from for authenticated users.

--HG--
branch : dev
---
 src/Orchard.Web/Themes/Contoso/Styles/site.css           | 9 ++++++---
 .../Views/DisplayTemplates/Parts/Comments.Comments.ascx  | 3 ++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/Orchard.Web/Themes/Contoso/Styles/site.css b/src/Orchard.Web/Themes/Contoso/Styles/site.css
index 23bc51923..b90696977 100644
--- a/src/Orchard.Web/Themes/Contoso/Styles/site.css
+++ b/src/Orchard.Web/Themes/Contoso/Styles/site.css
@@ -204,7 +204,7 @@ textarea, select {
 input.text, 
 input.title   { width: 300px; padding:5px; }
 input.title   { font-size:1.5em; }
-textarea      { width: 390px; height: 250px; padding:5px; }
+textarea      { padding:5px; }
 
 input[type=checkbox], input[type=radio], 
 input.checkbox, input.radio { 
@@ -339,8 +339,9 @@ body { background: #f3f4f4 url('../Content/Images/bkg.jpg') repeat-x; }
 /*========= BLOGS =========*/
 
 .blogPosts, .taggedPosts { margin: 0px; padding: 0px; }
-.blogPosts li, .taggedPosts li { padding: 30px 0px 0px 0px; list-style: none; border-top: solid 1px #e2e2e2; } 
+.blogPosts li, .taggedPosts li { padding: 30px 0px 0px 0px; list-style: none; border-bottom: solid 1px #e2e2e2; } 
 .blogdescription { font-size: 1.3em; line-height: 150%; color: #6da8c0; }
+.blogPosts h3 { font-size: 1.6em; margin: 0; padding: 0 0 2px 0; line-height:100%; }
 
 #comments { padding-top: 20px; border-top: dashed 1px #d8d8d8; padding-bottom: 10px; margin-top: 30px; }
 .comments { position: relative;  padding: 0px 0px 20px 0px; margin: 0px; clear: both; }
@@ -351,9 +352,11 @@ body { background: #f3f4f4 url('../Content/Images/bkg.jpg') repeat-x; }
 .comment-form h2 { border-bottom: dashed 1px #d8d8d8; padding-bottom: 10px; }
 .comment-form .who {}
 .comment-form .who label { float: left; text-align: right; width: 50px; padding: 12px 10px 0px 0px; }
-.comment-form .what { padding: 10px 0px 0px 60px;}
+.comment-form .what { padding: 10px 0px 0px 0px;}
 .comment-form .what label[for=CommentText] { float: none; display:block; }
 .comment-form .what input[type=submit] { margin: 10px 0px; }
+.comment-form .what #CommentText { width: 97%; }
+.comment-form .what .CommentUserName { display: block; }
 
 .posted { margin: 0px 0px 10px 0px; color: #999999; }
 
diff --git a/src/Orchard.Web/Themes/Contoso/Views/DisplayTemplates/Parts/Comments.Comments.ascx b/src/Orchard.Web/Themes/Contoso/Views/DisplayTemplates/Parts/Comments.Comments.ascx
index f78781436..ec1b9a557 100644
--- a/src/Orchard.Web/Themes/Contoso/Views/DisplayTemplates/Parts/Comments.Comments.ascx
+++ b/src/Orchard.Web/Themes/Contoso/Views/DisplayTemplates/Parts/Comments.Comments.ascx
@@ -46,7 +46,8 @@ else { %>
     }%>
     <fieldset class="what">
         <div>
-            <label for="CommentText"><% if (Request.IsAuthenticated) { %><%: T("Hi, {0}!", Html.Encode(Page.User.Identity.Name)) %><br /><% } %><%: T("Comment") %></label>
+            <label for="CommentText">
+            <% if (Request.IsAuthenticated) { %><%: T("<span class='CommentUserName'>Leave a comment {0}!</span>", Html.Encode(Page.User.Identity.Name)) %><br /><% } %></label>
             <textarea id="CommentText" rows="10" cols="30" name="CommentText"></textarea>
         </div>
         <div>