including i18n support for new editor config and minor styling changes

app/locale/de.coffee

@@ -200,7 +200,16 @@ module.exports = nativeDescription: "Deutsch", englishDescription: "German", tra
     tome_available_spells: "Verfügbare Zauber"
     hud_continue: "Weiter (drücke Shift + Leertaste)"
     spell_saved: "Zauber gespeichert"
-#    skip_tutorial: "Skip (esc)"
+    skip_tutorial: "Überspringen (Esc)"
+    editor_config: "Editor Einstellungen"
+    editor_config_title: "Editor Einstellungen"
+    editor_config_keybindings_label: "Tastenbelegung"
+    editor_config_keybindings_default: "Standard (Ace)"
+    editor_config_keybindings_description: "Fügt zusätzliche Tastenkombinationen, bekannt aus anderen Editoren, hinzu"
+    editor_config_invisibles_label: "Zeige unsichtbare Zeichen"
+    editor_config_invisibles_description: "Zeigt unsichtbare Zeichen wie Leertasten an."
+    editor_config_indentguides_label: "Zeige Einrückungshilfe"
+    editor_config_indentguides_description: "Zeigt vertikale Linien an um Einrückungen besser zu sehen."
 
   admin:
     av_title: "Administrator Übersicht"

app/locale/en.coffee

@@ -206,6 +206,15 @@ module.exports = nativeDescription: "English", englishDescription: "English", tr
     hud_continue: "Continue (shift+space)"
     spell_saved: "Spell Saved"
     skip_tutorial: "Skip (esc)"
+    editor_config: "Editor Config"
+    editor_config_title: "Editor Configuration"
+    editor_config_keybindings_label: "Key Bindings"
+    editor_config_keybindings_default: "Default (Ace)"
+    editor_config_keybindings_description: "Adds additional shortcuts known from the common editors."
+    editor_config_invisibles_label: "Show Invisibles"
+    editor_config_invisibles_description: "Displays invisibles such as spaces or tabs."
+    editor_config_indentguides_label: "Show Indent Guides"
+    editor_config_indentguides_description: "Displays vertical lines to see indentation better."
 
   admin:
     av_title: "Admin Views"

app/styles/play/level/modal/editor_config.sass

@@ -0,0 +1,12 @@
+#level-editor-config-modal
+  .select-group
+    display: block
+    min-height: 20px
+    margin-top: 10px
+    margin-bottom: 10px
+    padding-left: 20px
+    vertical-align: middle
+
+    label
+      font-weight: normal
+      margin-right: 20px

app/templates/play/level/modal/editor_config.jade

@@ -2,27 +2,27 @@
 .modal-dialog
   .modal-header
     button(type='button', data-dismiss="modal", aria-hidden="true").close ×
-    h3 Editor Settings
+    h3(data-i18n="play_level.editor_config_title") Editor Configuration
   
   .modal-body
     .form
-      .form-group
-        label(for="keyBindings") 
+      .form-group.select-group
+        label.control-label(for="keyBindings" data-i18n="play_level.editor_config_keybindings_label") Key Bindings
         select#keyBindings(name="keyBindings", type="checkbox", checked=multiplayer)
-          option(value="default" selected=(keyBindings === "default")) Default (Ace)
+          option(value="default" selected=(keyBindings === "default") data-i18n="play_level.editor_config_keybindings_default") Default (Ace)
           option(value="vim" selected=(keyBindings === "vim")) Vim
           option(value="emacs" selected=(keyBindings === "emacs")) Emacs
-        span.help-block Adds additional shortcuts known from the common editors.
+        span.help-block(data-i18n="play_level.editor_config_keybindings_description") Adds additional shortcuts known from the common editors.
       .form-group.checkbox
         label(for="invisibles")
           input#invisibles(name="invisibles", type="checkbox", checked=invisibles)
-          | Show Invisibles
-        span.help-block Displays invisibles such as spaces or tabs.
+          span(data-i18n="play_level.editor_config_invisibles_label") Show Invisibles
+        span.help-block(data-i18n="play_level.editor_config_invisibles_description") Displays invisibles such as spaces or tabs.
       .form-group.checkbox
         label(for="indentGuides")
           input#indentGuides(name="indentGuides", type="checkbox", checked=indentGuides)
-          | Show Indent Guides
-        span.help-block Displays vertical lines to see indentation better.
+          span(data-i18n="play_level.editor_config_indentguides_label") Show Indent Guides
+        span.help-block(data-i18n="play_level.editor_config_indentguides_description") Displays vertical lines to see indentation better.
       
   .modal-footer
     a(href='#', data-dismiss="modal", aria-hidden="true", data-i18n="modal.close").btn.btn-primary Close

app/templates/play/level/playback.jade

@@ -39,4 +39,4 @@ button.btn.btn-xs.btn-inverse#music-button(title="Toggle Music")
       span(data-i18n="play_level.customize_wizard") Customize Wizard
     li.selectable#edit-editor-config
       i.icon-edit
-      span Editor Config
+      span(data-i18n="play_level.editor_config") Editor Config