From b788bb3bf51d0c69d440071b2695cc408f4cdb91 Mon Sep 17 00:00:00 2001
From: echarp <manu@echarp.org>
Date: Tue, 5 Feb 2019 14:29:04 +0100
Subject: [PATCH] Small screen form display should be nicer. Less
 margins/paddings

---
 app/assets/stylesheets/mobile.sass | 30 ++++++++++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/mobile.sass b/app/assets/stylesheets/mobile.sass
index 4da70c41..60a7b8a2 100644
--- a/app/assets/stylesheets/mobile.sass
+++ b/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