Small screen form display should be nicer. Less margins/paddings

app/assets/stylesheets/mobile.sass

@@ -87,6 +87,15 @@
     dd, dd.quantity
       padding-right: 1em
 
+  #advises
+    font-size: smaller
+    & > *
+      display: none
+    & > :first-child:after
+      content: '...'
+    & > :first-child, &:hover > *
+      display: block
+
   aside
     display: none
 
@@ -94,14 +103,31 @@
     float: none
     padding: 0.4em 0
 
+  fieldset
+    padding-left: 0
+    padding-right: 0
+
   .field
-    label
-      width: auto
+    & > label
+      width: 100%
       display: block
       text-align: left
+      margin-left: 1%
+    &.locality, &.repeat, &.active
+      label
+        width: auto
     input
       width: 100%
       display: block
+      &#event_repeat, &#orga_active
+        width: auto
+    .radios
+      margin-left: auto
+
+  body.mce-content-body
+    padding: 1px 0
+  .mce-btn-group .mce-btn
+    margin-left: 0 !important
 
 @media all and (min-width: 1600px)
   body