style: more mobile

diff --git a/panikweb_templates/static/css/_specifics.scss b/panikweb_templates/static/css/_specifics.scss
index 279a91a143785669aba5ab07553cbd676e7e5bff..acaacb6d3bb62b8bcb603728545841c9e7c0f341 100644 (file)
--- a/panikweb_templates/static/css/_specifics.scss
+++ b/panikweb_templates/static/css/_specifics.scss
@@ -11,7 +11,6 @@ $text-color: #333;
 /****************************************************/
 /* FONTS */
 
-.resymbol:hover,.control:hover{    opacity:0.5;    }
 .date, .dateBloc {
 }
 .inline .date, .resume .date{
@@ -285,7 +284,15 @@ body{
 /**** Commons ****/
 /****************************************************/
 
-.audio button {color:$primary !important;}
+.audio button {
+       color: $primary !important;
+       opacity: 1;
+}
+.audio button:hover {
+       color: lighten($primary, 20%) !important;
+       opacity: 1;
+}
+
 /****************************************************/
 /**** HEADER ****/
 /****************************************************/
@@ -734,8 +741,8 @@ h1.top#frequence {
 #Home #Main{
        min-height:0;
 }
-#Changing a:hover,#Changing button:hover {
-       opacity:0.6;
+#Changing a:hover {
+       opacity: 0.7;
        text-decoration:none;
 }
 /* GLOBAL SITE NAV */
@@ -2174,14 +2181,23 @@ div.around-nav {
        }
 }
 
+#recent-sounds,
+#recent-news {
+       max-width: 100%;
+       overflow: hidden;
+       & > div {
+               display: flex;
+               width: 1000px;
+       }
+}
+
 #recent-news div.newsitem-home,
 #recent-sounds div.episode.soundfile {
-       border: 1px solid #666;
        background: white;
        width: 10em;
        margin-right: 10px;
        display: inline-block;
-       height: 180px;
+       height: 220px;
 }
 
 #newsletter {

diff --git a/panikweb_templates/templates/home.html b/panikweb_templates/templates/home.html
index 5c9cd1dca5d92a7644675ff2f93b0b8264c2dafa..d1e7e13f400b5e17a058d533aac23665c4fed796 100644 (file)
--- a/panikweb_templates/templates/home.html
+++ b/panikweb_templates/templates/home.html
@@ -20,9 +20,11 @@
 
                    <div id="recent-sounds">
                    <h3 class="sectionLabel"><a href="{% url 'listen' %}">{% trans 'Latest Sounds' %}</a>&nbsp;<a class="button icon-rss inBlock" href="{% url 'podcasts-feed' %}"></a></h3>
+                    <div>
                    {% for soundfile in soundfiles %}
                       {% soundfile_home soundfile=soundfile date=soundfile.first_diffusion %}
                    {% endfor %}
+                    </div>
                    </div>
                    {% endif %}
 
@@ -31,10 +33,12 @@
 
                    <div id="recent-news">
                    <h3 class="sectionLabel"><a href="{% url 'news' %}">{% trans 'Latest News' %}</a>&nbsp;<a class="button icon-rss inBlock" href="{% url 'atom-feed' %}"></a></h3>
+                    <div>
                    {% for content in newsitems %}
                    {% news_in_home %}</li>
                    {% endfor %}
                    </div>
+                   </div>
            {% endif %}
 
 

diff --git a/panikweb_templates/templates/soundfiles/home.html b/panikweb_templates/templates/soundfiles/home.html
index 9895587b31783a3fed7774572aebaf67d30e8072..23e740e4c86b9cbd4faed52c1032bcfa942c3735 100644 (file)
--- a/panikweb_templates/templates/soundfiles/home.html
+++ b/panikweb_templates/templates/soundfiles/home.html
@@ -16,7 +16,6 @@
 
        </div>
        <div class="content">
-               <div class="sound right">{% audio sound=soundfile %}</div>
                <div class="title">
                        <h5 class="title {% if model == "inline" %}ellipsis{% endif %}">
                                 {{ soundfile.episode.title }}
@@ -25,5 +24,6 @@
 
        </div>
         </a>
+        <div class="sound right">{% audio sound=soundfile %}</div>
 </div>