Merge lp:~pietroalbini/ubuntu-it-ask/comments into lp:ubuntu-it-ask

[Pietro Albini]

Improved the comment form style (the original is very bad).

[lp:~pietroalbini/ubuntu-it-ask/comments]

93. By Pietro Albini on 2013-12-03

Aligned 'Add comment' button to the right side

[Riccardo Padovani (rpadovani)]

Looks good, thanks!

review: Approve

=== modified file 'forum/skins/light/media/style/style.css'
--- forum/skins/light/media/style/style.css	2013-07-08 07:43:48 +0000
+++ forum/skins/light/media/style/style.css	2013-12-03 18:00:05 +0000
@@ -1956,7 +1956,7 @@
 
 .comment-form-widgets-container textarea {
     height: 80px;
-    width: 80%;
+    width: 75%;
     float: left;
 }
 
@@ -1967,8 +1967,9 @@
 
 div.comment-tools {
     border-top: 1px dotted #eee;
-    padding-top: 3px;
+    padding-top: 10px;
     padding-bottom: 10px;
+    padding-right: 5px;
     text-align: right;
 }
 
@@ -1987,16 +1988,18 @@
 }
 
 div.comment-tools a {
-    background: none repeat scroll 0 0 #EEEEEE;
-    color: black;
+    background: none repeat scroll 0 0 #777777;
+    color: #ffffff;
     cursor: pointer;
     font-size: 11px;
-    padding: 3px;
+    padding: 5px 10px;
+    -webkit-border-radius: 5px;
+       -moz-border-radius: 5px;
+            border-radius: 5px;
 }
 
 div.comment-tools a:hover {
-    background-color: #777777;
-    color: white;
+    background-color: #dd4814;
     text-decoration: none;
 }
 
@@ -2038,22 +2041,46 @@
 }
 
 .comment-form-buttons {
-    width: 18%;
+    padding-top: 5px;
+    width: 23%;
     height: 100%;
     float: right;
 }
 
 .comment-form-buttons input, .user-prompt .prompt-buttons button {
-    height: 16px;
-    line-height: 12px;
+    height: 12px;
+    line-height: 10px;
     font-size: 110%;
-    border: 1px solid #999;
+    background: #db8264;
+    border: 0;
+    color: #ffffff;
+    cursor: pointer;
+    -webkit-border-radius: 5px;
+       -moz-border-radius: 5px;
+            border-radius: 5px;
+}
+
+.comment-form-buttons .comment-submit {
+    background: #dd4814;
+}
+
+.comment-form-buttons .comment-submit:hover {
+    background: #db8264;
+}
+
+.comment-form-buttons input:hover, .user-prompt .prompt-buttons button:hover {
+    background: #dd4814;
+}
+
+.comment-form-buttons input:disabled, .user-prompt .prompt-buttons button:disabled {
+    background: #aaaaaa !important;
+    cursor: default;
 }
 
 .comment-form-buttons input {
     width: 100%;
     height: auto;
-    padding: 2px 0 4px 0;
+    padding: 2px 0 2px 0;
     vertical-align: middle;
     margin-top: 6px;
 }