Better small screen display

app/assets/stylesheets/events.sass

@@ -115,13 +115,15 @@ body.events.show, body.orgas.show, body.tags.show, body.pages
 
 #advises
   border: 1px solid #FFB578
+  border-radius: 0.2em
   padding-left: 10px
   padding-right: 10px
-  margin-bottom: 1.2em
   background-color: #ffe0c7
-  h1
+  & > *:first-child
     font-size: 1.9em
     font-weight: normal
+    &:before
+      content: '🛈 '
   a
     color: #8F4900
 

app/assets/stylesheets/form.sass

@@ -7,9 +7,8 @@ body.mce-content-body
   border: none
   padding: 1px 1%
   font-size: inherit
-  min-height: 100%
 
-.mce-menubar, .mce-panel
+.tox-tinymce
   border: none !important
 
 .helper p
@@ -40,7 +39,7 @@ legend
     padding: 0.8em
     font-style: italic
     margin-left: 0
-  input, textarea, .mce-tinymce, div.tagsinput, .field_with_errors:last-child
+  input, textarea, div.tagsinput, .field_with_errors:last-child, & > div
     flex-grow: 1
     &[type=number], &[type=checkbox]
       flex-grow: unset
@@ -55,7 +54,7 @@ legend
     width: 100%
     display: block
 
-input, textarea, select, a.button, .actions > button, .mce-tinymce, div.tagsinput, .ui-autocomplete-input
+input, textarea, select, a.button, .actions > button, div.tagsinput, .ui-autocomplete-input
   color: black
   border: solid 0.25em transparent
   outline: none
@@ -78,11 +77,6 @@ input, textarea, select, a.button, .actions > button, .mce-tinymce, div.tagsinpu
     letter-spacing: 2px
     background-color: #9CC5EE
 
-.mce-tinymce
-  box-shadow: none !important
-.mce-top-part:before
-  box-shadow: 0 1px lightgray !important
-
 .field_with_errors
   display: inline
   input, textarea, select, a.button

app/assets/stylesheets/mobile.sass

@@ -92,7 +92,7 @@
     & > *
       display: none
     & > :first-child:after
-      content: '...'
+      content: '... ↴'
     & > :first-child, &:hover > *
       display: block
 

config/locales/views/en.yml

@@ -53,11 +53,10 @@ en:
         infos: Informations
     new:
       title: Propose an event
-      subtitle: This page lets you submit an event. It will not appear
+      subtitle: It will be published *after moderation*. You will receive, to
-        automatically, it will first be validated by a moderator. An electronic
+        the **submitter** address, a confirmation email with edition and
-        mail will be sent to the submitter's email when the event will be
+        cancellation links.
-        moderated.
+      advises: "## Recommandations
-      advises: "# Recommandations
 \n
 \n* The event must relate to **Free** software, arts, data, hardware, content,
 internet. The agenda is not intended for other kinds of events.

config/locales/views/fr.yml

@@ -53,11 +53,10 @@ fr:
         infos: Informations
     new:
       title: Proposer un événement
-      subtitle: Cette page permet de soumettre un événement. Celui-ci
+      subtitle: Il sera publié *après modération*. Vous recevrez, à l'adresse
-        n'apparaîtra pas automatiquement, il sera tout d'abord validé par un
+        du **soumetteur**, un courriel de confirmation avec des liens d'édition
-        modérateur. Un courrier électronique sera envoyé à l'adresse e-mail du
+        et d'annulation.
-        soumetteur donnée ci-dessous lorsque l'événement aura été modéré.
+      advises: "## Recommandations
-      advises: "# Recommandations
 \n
 \n* L’évènement doit concerner le **Libre**: logiciel, informatique, culture,
 art, matériel *Libres*; open data, neutralité du net, vie/données privée(s) et

config/locales/views/pt-BR.yml

@@ -57,7 +57,7 @@ pt-BR:
         automaticamente porque primeiro deverá ser avaliado por um moderador. 
         Uma mensagem será enviada para o remetente quando o evento for
         moderado.
-      advises: "# Recomendações importantes
+      advises: "## Recomendações
 \n
 \n* O evento deve ser relacionado a **Software Livre**. A agenda não é destinada
 para outros tipos de eventos.