Move NSFW button to the draft action bar.

public/style.css

@@ -143,10 +143,14 @@ li.load-more {
   padding-top: 6px;
 }
 
+.btn-group-justified .btn,
+.btn-group-justified .btn:focus {
+  outline: 0;
+}
+
 .btn-group-justified.column-menu .btn {
   border-radius: 0;
   border-bottom: 0;
-  outline: 0;
 }
 
 .notification.reblog,
@@ -403,13 +407,14 @@ li.load-more {
   clear: both;
 }
 
-.charcount {
+.btn-nsfw {
-  cursor: default;
+  font-size: 10px;
+  font-weight: bold;
+  line-height: 20px;
 }
 
-.draft-actions .btn-group:nth-child(2) {
+.charcount {
-  width: .5%;
+  cursor: default;
-  min-width: 30px;
 }
 
 .in-reply-to .well {

src/View/Draft.elm

@@ -256,24 +256,27 @@ draftView ({ draft, currentUser } as model) =
                         ]
                     , visibilitySelector draft
                     , fileUploadField draft
-                    , div [ class "form-group checkbox" ]
-                        [ label []
-                            [ input
-                                [ type_ "checkbox"
-                                , onCheck <| DraftEvent << UpdateSensitive
-                                , checked draft.sensitive
-                                ]
-                                []
-                            , text " This post is NSFW"
-                            ]
-                        ]
                     , Common.justifiedButtonGroup "draft-actions"
                         [ button
                             [ type_ "button"
                             , class "btn btn-default"
+                            , title "Clear this draft"
                             , onClick (DraftEvent ClearDraft)
                             ]
-                            [ text "Clear" ]
+                            [ Common.icon "trash" ]
+                        , button
+                            [ type_ "button"
+                            , class <|
+                                "btn btn-default btn-nsfw "
+                                    ++ (if draft.sensitive then
+                                            "btn-primary active"
+                                        else
+                                            ""
+                                       )
+                            , title "Mark this post as Not Safe For Work (sensitive content)"
+                            , onClick <| DraftEvent (UpdateSensitive (not draft.sensitive))
+                            ]
+                            [ text "NSFW" ]
                         , div
                             [ class <|
                                 if limitExceeded then