styles the preferences in user profile

app/assets/stylesheets/bootstrap_and_overrides.css.less

@@ -208,3 +208,21 @@ tr.unavailable {
   dt { width: 160px; }
   dd { margin-left: 170px; }
 }
+
+.settings {
+  .settings-group {
+    margin-bottom: 10px;
+    .control-label {
+      margin: 5px 0 0 0;
+    }
+  }
+  .control-group {
+    margin-bottom: 5px;
+  }
+  .control-group.h_wrapper {
+    margin-bottom: 5px;
+  }
+  .control-group.select {
+    margin-bottom: 15px
+  }
+}

app/views/shared/_user_form_fields.html.haml

@@ -6,7 +6,15 @@
 = f.input :password, :required => f.object.new_record?
 = f.input :password_confirmation
 
-= f.simple_fields_for :settings_attributes do |s|
+.settings
+  %h4
+    =t 'simple_form.labels.settings.settings_groups'
+    = f.simple_fields_for :settings_attributes do |s|
+    
+      .settings-group
+        %div{class: 'control-group h_wrapper'}
+          %h5{class: 'control-label'}
+            = t 'simple_form.labels.settings.settings_group.profile'
           
         = s.simple_fields_for :profile, defaults: { inline_label: true } do |profile|
           = profile.input 'language',         as: :select,  collection: available_locales, required: false, selected: f.object.settings.profile['language']
@@ -14,10 +22,21 @@
           = profile.input 'email_is_public',  as: :boolean, label: false, input_html: { checked: f.object.settings.profile['email_is_public'] }
           = profile.input 'name_is_public',   as: :boolean, label: false, input_html: { checked: f.object.settings.profile['name_is_public'] }
     
+      .settings-group
+        %div{class: 'control-group'}
+          %h5{class: 'control-label'}
+            =t 'simple_form.labels.settings.settings_group.messages'
+         
         = s.simple_fields_for :messages, defaults: { inline_label: true, label: false } do |messages|
           = messages.input 'send_as_email',   as: :boolean, input_html: { checked: f.object.settings.messages['send_as_email'] }
           
+      .settings-group
+        %div{class: 'control-group'}
+          %h5{class: 'control-label'}
+            = t 'simple_form.labels.settings.settings_group.notify'
+          
         = s.simple_fields_for :notify, defaults: { inline_label: true, label: false } do |notify|
           = notify.input 'order_finished',    as: :boolean, input_html: { checked: f.object.settings.notify['order_finished'] }
           = notify.input 'negative_balance',  as: :boolean, input_html: { checked: f.object.settings.notify['negative_balance'] }
           = notify.input 'upcoming_tasks',    as: :boolean, input_html: { checked: f.object.settings.notify['upcoming_tasks'] }
+  

config/locales/de.yml

@@ -1621,6 +1621,11 @@ de:
           one: Arbeitsgruppe
           other: Arbeitsgruppen
       settings:
+        settings_groups: Einstellungen
+        settings_group:
+          profile: Porfil
+          notify: Benachrichtigungen
+          messages: Nachrichten
         profile:
           language: Sprache
           phone_is_public: Telefon ist für Mitglieder sichtbar

config/locales/en.yml

@@ -1624,7 +1624,11 @@ en:
           one: Workgroup
           other: Workgroups
       settings:
-      notify:
+        settings_groups: Preferences
+        settings_group:
+          profile: Porfile
+          notify: Notifications
+          messages: Messages
         profile:
           language: Language
           phone_is_public: Phone number is visible for other members.