Fixing resizing for RADIO PANIK & 105.4 FM

panikweb_templates/static/css/general.css

@@ -224,6 +224,7 @@ nav a.active, nav button.active{
    overflow: hidden;
 }
 .block {display:block;}
+.inBlock{display:inline-block;}
 .right{float:right;margin-left:1em;}
 .left{float:left;margin-right:1em;}
 .smooth{opacity:0.5;}

panikweb_templates/static/css/specifics.css

@@ -59,9 +59,8 @@ text-transform: uppercase;
 	background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.04) 75%, transparent 75%, transparent);
 }
 #main {}
-#Panik {background:white;}
+#Panik {background:white;padding-top:2em;}
 #Panik img{display:block;margin:auto;max-height:200px;}
-
 #mainLegend{
 	width:30%;
 	text-align:right;
@@ -503,12 +502,12 @@ body { font-size: 16px;}
 	border-color:#1663d5 !important;
 	color:#1663d5 !important;
 }*/
+#Panik *{color:black !important;}
 
 #player .metas, #player img{border-color:#fff;}
 #Player, #player{background-color:#ff6633; border-color:#fff;color:white !important;}
 #player.simple *, #Player a, #Player button{	color:white !important;}
-#Panik {padding-top:1em}
-#Panik *{color:black !important;border-bottom:2px solid black;}
+
 
 #Listen.small-player ul.metas { display: none; }
 #Listen.small-player div.content { padding: 5px 5%; }

panikweb_templates/templates/base.html

@@ -30,7 +30,7 @@
 
 		<div id="Commons">
 			<div id="Panik" class="center">
-				<h1>Radio Panik 105.4 FM</h1>
+				<h1><span class="inBlock">Radio Panik</span> <span class="inBlock">105.4 FM</span></h1>
 				<!--{% block logo %}<img class="logo" src="{{ STATIC_URL }}/img/LogoPanik.jpg"/>{% endblock %}-->
 			</div>
 			<div id="Listen" class="{% block player-class %}{% endblock %}">