fix formatting of modals and make them less likely to accidentally wrap the compliment text

controllers/resources.json

@@ -162,6 +162,7 @@
   "compliments": [
     "Over the top!",
     "Down the rabbit hole we go!",
+    "Well, isn't that special!",
     "Somewhere over the rainbow!",
     "Eye of the tiger!",
     "Run, Forest, run!",

public/css/main.less

@@ -524,7 +524,7 @@ thead {
 .challenge-list-header {
   background-color: #215f1e;
   color: #eee;
-  font-size: 40px;
+  font-size: 36px;
   text-align: center;
   margin-bottom: -30px;
   border-radius: 5px 5px 0px 0px;
@@ -533,7 +533,7 @@ thead {
 
 .closing-x {
   color: #eee;
-  font-size: 60px;
+  font-size: 50px;
   text-align: right;
 }
 

views/coursewares/show.jade

@@ -59,7 +59,6 @@ block content
                     .form-group.codeMirrorView
                         textarea#codeEditor(autofocus=true)
                 script(src='/js/lib/coursewares/coursewaresFramework.js')
-                    #complete-bonfire-dialog.modal(tabindex='-1')
         .col-md-4.col-lg-3
             .hidden-xs.hidden-sm
                 img.iphone-position(src="https://s3.amazonaws.com/freecodecamp/iphone6-frame.png")
@@ -69,20 +68,19 @@ block content
         #complete-courseware-dialog.modal(tabindex='-1')
             .modal-dialog.animated.zoomIn.fast-animation
                 .modal-content
-                    .modal-header.challenge-list-header= compliment
+                    .modal-header.challenge-list-header
+                        = compliment
                         a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') ×
-                    .model-body
+                    .modal-body
                         .text-center
                             .animated.zoomInDown.delay-half
                                 span.completion-icon.ion-checkmark-circled.text-primary
                         - if (cc)
                             a.animated.fadeIn.btn.btn-lg.btn-primary.btn-block.next-courseware-button(name='_csrf', value=_csrf, aria-hidden='true') Take me to my next challenge
-
-
                             - if (points && points > 2)
-                                a.animated.fadeIn.btn.btn-lg.btn-block.btn-twitter(href="https://twitter.com/intent/tweet?text=I%20just%20#{verb}%20%40FreeCodeCamp%20Bonfire:%20#{name}&url=http%3A%2F%2Ffreecodecamp.com/bonfires/#{dashedName}&hashtags=LearnToCode, JavaScript" target="_blank")
-                                    i.fa.fa-twitter  
-                                        = phrase
+                                a.animated.fadeIn.btn.btn-lg.btn-block.btn-twitter(href="https://twitter.com/intent/tweet?text=I%20just%20#{verb}%20%40FreeCodeCamp%20Challenge%20%23#{number}:%20#{name}&url=http%3A%2F%2Ffreecodecamp.com/challenges/#{number}&hashtags=LearnToCode, JavaScript" target="_blank")
+                                  i.fa.fa-twitter  
+                                     = phrase
                         - else
                             a.animated.fadeIn.btn.btn-lg.signup-btn.btn-block(href='/login') Sign in so you can save your progress