Fixing some problems with dateBlock

panikweb_templates/static/css/specifics.css

@@ -16,8 +16,9 @@
 .inline .date, .resume .date{
 	text-align: center;
 }
-.dateBloc{max-width:5.5em;}
-.dateBloc, .dateBloc span{display:block;}
+.dateBloc{width:5.5em;
+	text-align: center;}
+.dateBloc{display:inline-block;}
 .dateBloc *{line-height: 100%;}
 .dateBloc  .day {font-size: 2.2em;}
 .dateBloc .number {font-size: 2.2em;}
@@ -25,8 +26,7 @@
 .dateBloc .time {font-size: 1.2em;margin: 0.2em 0;}
 
 .dateBloc.small{
-	margin-left: 2em;
-	font-size: 50%;
+	font-size: 80%;
 }
 .tabs .ui-tabs-nav {
     font-family: "Reglo";

panikweb_templates/templates/episodes/inline.html

 {% load thumbnails %}
 {% load paniktags %}
-<div class="episode episode-inline inline cf">
-	<div class="date dateBloc left small">
-		<span class="day">
+<div class="episode episode-inline inline cf ellipsis ">
+	<div class="date dateBloc left small {{ class }}">
+		<div class="day">
 		    {{ episode.first_diffusion|date:"D"|slice:":2"}}
-		</span>
-		<span class="number">
+		</div>
+		<div class="number">
 		    {{ episode.first_diffusion|date:"d" }}
-		</span>
+		</div>
 		{% if date != "daytime" %}
 		<div class="month">
 		    {{ episode.first_diffusion|date:"M Y" }}
 		</div>
 		{% endif %}
-		<span class="time">
+		<div class="time">
 		    {{ episode.first_diffusion|date:"H:i" }}
-		</span>
+		</div>
 	</div>
 	{% if episode.image %}
 	<div class="logo right">

panikweb_templates/templates/includes/audio.html

@@ -20,5 +20,5 @@
 		{% endif %}
 	</audio>  
 {% else %}
-	<div class="icon-ban-circle ">No sound!</div>
+	<div class="error">No sound available!</div>
 {% endif%}