Updates and fixes for mobile devices

diff --git a/app/static/src/sass/global/_typography.scss b/app/static/src/sass/global/_typography.scss
index 710d28873110a7897d0e3c064e870a48575e1e9a..b4d0c4845df137bfb78d5ed04ccffad881d7ba94 100755 (executable)
--- a/app/static/src/sass/global/_typography.scss
+++ b/app/static/src/sass/global/_typography.scss
@@ -78,6 +78,14 @@ h3 {
 
        .page__block & {
                @include padding(0 5);
+
+               @include mq($until: md) {
+                       @include padding(0 2.5);
+               }
+
+               @include mq($until: sm) {
+                       @include padding(0);
+               }
        }
 
 }

diff --git a/app/static/src/sass/modules/_section-title.scss b/app/static/src/sass/modules/_section-title.scss
index 63593431edca6dd37bdde36909ef6b6706b87374..a747fbb55676a4934a78f618123d7468b14da484 100644 (file)
--- a/app/static/src/sass/modules/_section-title.scss
+++ b/app/static/src/sass/modules/_section-title.scss
@@ -14,6 +14,17 @@ $module: ".section-title";
     @include margin-bottom(4);
     @include margin-top(5);
 
+    @include mq($until: md) {
+
+        @include margin-bottom(1);
+        @include margin-top(1.25);
+
+        .page__slider & {
+            @include margin-top(0);
+        }
+
+    }
+
     i {
         display: inline-block;
         @include margin-right(.5);

diff --git a/app/static/src/sass/modules/_share-links.scss b/app/static/src/sass/modules/_share-links.scss
index e90ffc01b00f21e12014bb687faa872c463d0121..10440153a8b55b10717cd3b7b89e9fba57ccfd97 100644 (file)
--- a/app/static/src/sass/modules/_share-links.scss
+++ b/app/static/src/sass/modules/_share-links.scss
@@ -34,7 +34,7 @@ $module: ".share-links";
         @include margin-bottom(.5);
         color: white;
 
-        @include mq($until: sm) {
+        @include mq($until: md) {
             display: inline-block;
             @include margin-right(.5);
         }

diff --git a/app/static/src/sass/modules/boxes/_article-box.scss b/app/static/src/sass/modules/boxes/_article-box.scss
index 3b43198f65d8e184a8c5262b7bf8011da6c0192c..affa18a1168850edaf4d190e0a07bd3d5e57db66 100644 (file)
--- a/app/static/src/sass/modules/boxes/_article-box.scss
+++ b/app/static/src/sass/modules/boxes/_article-box.scss
@@ -36,6 +36,10 @@ $module: ".article-box";
         height: auto;
     }
 
+    @include mq($until: md) {
+        @include padding(.5);
+    }
+
     .slider-home & {
         @include margin(0);
         max-width: none;

diff --git a/app/templates/agenda/event_detail.html b/app/templates/agenda/event_detail.html
index d155a6ee3fdd5deb0384cd57363e5aa981486c08..ca45668117a04f51b5676a1f3c555ac5509b648a 100644 (file)
--- a/app/templates/agenda/event_detail.html
+++ b/app/templates/agenda/event_detail.html
@@ -43,34 +43,36 @@
 {% endblock %}
 
 {% block page_link %}
-    <div class="mt4">
-        <div class="row">
-            {% if child %}
-                {% with child.links.all as links %}
-                    {% if links %}
-                        <div class="col-xs-8">
-                            {% include 'core/inc/link.html' %}
-                        </div>
-                    {% endif %}
-                {% endwith %}
-            {% else %}
-                {% with event.links.all as links %}
-                    {% if links %}
-                        <div class="col-xs-8">
-                            {% include 'core/inc/link.html' %}
-                        </div>
-                    {% endif %}
-                {% endwith %}
-            {% endif %}
-            {% if event.mentions %}
-                <div class="col-xs-8">
-                    <div class="small-text">
-                        {{ event.mentions }}
-                   </div>
-                </div>
-            {% endif %}
+    {% if event.mentions or event.links.all|length > 0 %}
+        <div class="mt4">
+            <div class="row">
+                {% if child %}
+                    {% with child.links.all as links %}
+                        {% if links %}
+                            <div class="col-xs-8">
+                                {% include 'core/inc/link.html' %}
+                            </div>
+                        {% endif %}
+                    {% endwith %}
+                {% else %}
+                    {% with event.links.all as links %}
+                        {% if links %}
+                            <div class="col-xs-8">
+                                {% include 'core/inc/link.html' %}
+                            </div>
+                        {% endif %}
+                    {% endwith %}
+                {% endif %}
+                {% if event.mentions %}
+                    <div class="col-xs-8">
+                        <div class="small-text">
+                            {{ event.mentions }}
+                       </div>
+                    </div>
+                {% endif %}
+            </div>
         </div>
-    </div>
+    {% endif %}
 {% endblock %}
 
 {% block page_audio %}
@@ -117,7 +119,7 @@
                             <div>
                                 {% for person in event.persons.all %}
                                     {% with person.person as person %}
-                                        <div class="col-md-5">
+                                        <div class="col-md-5 col-xs-8">
                                             {% include "network/inc/person/person_card_square.html" %}
                                         </div>
                                     {% endwith %}