WEB-43 #resolve Move the buttons at the right

mgallego · Feb 12, 2013 · f6f2801 · f6f2801
1 parent 3d4abdf
commit f6f2801
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 10 deletions.
diff --git a/src/SFM/PicmntBundle/Resources/public/less/comments.less b/src/SFM/PicmntBundle/Resources/public/less/comments.less
@@ -6,7 +6,11 @@
 
 #comments textarea {
     height: 100px;
-    width: 850px;
+    width: 860px;
+}
+
+#comment-buttons {
+    float: right;
 }
 
 #comments input {

diff --git a/src/SFM/PicmntBundle/Resources/public/less/forms.less b/src/SFM/PicmntBundle/Resources/public/less/forms.less
@@ -33,11 +33,11 @@
 }
 
 .cancel-button:hover {
-    background-image: -o-linear-gradient(bottom, #5C5C5C 16%, #888282 76%);
-    background-image: -moz-linear-gradient(bottom, #5C5C5C 16%, #888282 76%);
-    background-image: -webkit-linear-gradient(bottom, #5C5C5C 16%, #888282 76%);
-    background-image: -ms-linear-gradient(bottom, #5C5C5C 16%, #888282 76%);
-    background-image: linear-gradient(bottom, #5C5C5C 16%, #888282 76%);
+    background-image: -o-linear-gradient(bottom, #888282 16%, #B1B1B1 76%);
+    background-image: -moz-linear-gradient(bottom, #888282 16%, #B1B1B1 76%);
+    background-image: -webkit-linear-gradient(bottom, #888282 16%, #B1B1B1 76%);
+    background-image: -ms-linear-gradient(bottom, #888282 16%, #B1B1B1 76%);
+    background-image: linear-gradient(bottom, #888282 16%, #B1B1B1 76%);
 }
 
 .danger-button {

diff --git a/src/SFM/PicmntBundle/Resources/public/less/variables.less b/src/SFM/PicmntBundle/Resources/public/less/variables.less
@@ -34,7 +34,7 @@
     resize: @value;
 }
 @acceptButtonColor: #0753DA;
-@cancelButtonColor: #888282;
+@cancelButtonColor: #B1B1B1;
 @dangerButtonColor: #cf000a;
 
 @alertColor: #FFB2B2;
diff --git a/src/SFM/PicmntBundle/Resources/views/Image/viewImage.html.twig b/src/SFM/PicmntBundle/Resources/views/Image/viewImage.html.twig
@@ -93,9 +93,10 @@
 
 	  <article id="comments">
 	      <textarea placeholder="Add your comment..." class="textarea" name="comment" required="required"></textarea> 
-	      <button class="button cancel-button" type="reset"  onclick="javascript:applyProposal(0,0,0,0)">{{ 'Cancel' | trans }}</button> 
-	      <input class="button accept-button" type="submit" value="{% trans %}Send Comment{% endtrans %}">&nbsp;
-
+		  <div id="comment-buttons">
+ 			  <button class="button cancel-button" type="reset"  onclick="javascript:applyProposal(0,0,0,0)">{{ 'Cancel' | trans }}</button> 
+			  <input class="button accept-button" type="submit" value="{% trans %}Send Comment{% endtrans %}">&nbsp;
+	      </div>
 	      {#  ################   COMMENTS   ################## #}
 
 	      {% if image.imageComments | length > 0  %}