new post control button and link styles

lms/static/coffee/src/discussion.coffee

@@ -35,8 +35,10 @@ Discussion =
       <input type="text" class="new-post-title title-input" placeholder="Title"/>
       <div class="new-post-body body-input"></div>
       <input class="new-post-tags" placeholder="Tags"/>
+      <div class = "new-post-control">
+        <a class="discussion-cancel-post" href="javascript:void(0)">Cancel</a>
         <a class="discussion-submit-post control-button" href="javascript:void(0)">Submit</a>
-      <a class="discussion-cancel-post control-button" href="javascript:void(0)">Cancel</a>
+      </div>
     </form>
   """
 
@@ -452,7 +454,7 @@ Discussion =
           interactive: true
           defaultText: "Tag your post: press enter after each tag"
           height: "30px"
-          width: "85%"
+          width: "90%"
           removeWithBackspace: true
         $local(".discussion-submit-post").click ->
           handleSubmitNewPost(this)

lms/static/sass/_discussion.scss

@@ -50,7 +50,16 @@ $discussion_input_width: 90%;
       margin-top: flex-gutter();
     }
   }
-
+  .control-button {
+    @include button;
+    @include discussion-font;
+    color: white;
+    font-weight: bold;
+    padding-top: 9px;
+    font-size: inherit;
+    width: inherit;
+    text-decoration: none;
+  }
   .discussion-title {
     @include discussion-font;
     @include discussion-clickable;
@@ -106,7 +115,7 @@ $discussion_input_width: 90%;
     float: left;
     width: 85%;
   }
-  .new-post-form, .discussion-thread-edit {
+  .new-post-form, .discussion-thread-edit{
     .title-input, .body-input {
       @include discussion-font;
       display: block !important;
@@ -138,24 +147,24 @@ $discussion_input_width: 90%;
       vertical-align: top;
       -webkit-font-smoothing: antialiased;
     }
+  }
+  .discussion-content-edit, .discussion-reply-new, .new-post-form {
+    .new-post-control {
+      margin-left: 70.5%;
+      margin-top: 1%;
+    }
     .control-button {
       @include button;
       @include discussion-font;
       color: white;
-      margin-top: 10px;
       font-weight: bold;
       text-decoration: none;
+      margin-left: 3%;
       display: inline-block;
-      margin-left: 76%;
       padding-top: 9px;
       font-size: inherit;
       width: inherit;
     }
-  }
-  .discussion-content-edit, .discussion-reply-new, .new-post-form {
-    .control-button {
-      display: inline-block;
-    }
     margin: 10px 0 10px 0;
   }
   .thread {

lms/templates/discussion/inline.html

@@ -6,7 +6,7 @@
       <a class="discussion-title" href="javascript:void(0)">Discussion</a>
     </div>
     ${search_bar}
-    <a class="discussion-new-post control-button" href="javascript:void(0)">New Post</a>
+    <div class="discussion-new-post control-button" href="javascript:void(0)">New Post</div>
   </div>
   % for thread in threads:
     ${renderer.render_thread(course_id, thread, edit_thread=False, show_comments=False)}

lms/templates/discussion/search_bar.html

@@ -7,7 +7,7 @@ def url_for_search():
 
 <form action="${url_for_search()}" method="get" class="discussion-search-form">
   <input class="search-input" type="text" value="${text}" id="keywords" autocomplete="off"/>
-  <a class="discussion-link" href="javascript:void(0)">Search posts</a>
+  <div class="discussion-link" href="javascript:void(0)">Search posts</div>
   <div class="search-within">
     <input type="checkbox" id="discussion-search-within-board-${discussion_id}" class="discussion-search-within-board" checked/>
     <label for="discussion-search-within-board-${discussion_id}">Search within board</label>