Improved layout

Author: Iago

radio/apps/programmes/templates/programmes/episode_detail.html

@@ -8,7 +8,7 @@
 
 
 {% block content %}
-    <div class="container mtb">
+    <div class="container mb">
         <div class="row">
             <div class="col-lg-10 col-lg-offset-1 centered">
                 <img class="center-block img-responsive" src="{{ programme.photo.url }}" alt="...">

radio/apps/programmes/templates/programmes/programme_detail.html

@@ -9,7 +9,7 @@
 
 
 {% block content %}
-    <div class="container mt">
+    <div class="container mb">
         <div class="row">
             <div class="col-lg-10 col-lg-offset-1 centered">
                 <img class="center-block img-responsive" src="{{ programme.photo.url }}" alt="...">

radio/apps/programmes/templates/programmes/programme_list.html

@@ -10,7 +10,7 @@
 
 {% block content %}
     {% for programme in programme_list %}
-        <div class="container mtb">
+        <div class="container mb">
             <div class="row">
                 <div class="col-lg-6">
                     <a href="{% url 'programmes:detail' programme.slug %}">

radio/apps/radio/static/radio/css/style.css

@@ -230,6 +230,13 @@ a:focus {
 	height: 368px;
 }
 
+.himg {
+	padding-bottom: 10px;
+}
+
+.himg a img{
+	max-height: 400px;
+}
 
 
 /*	################################################################
@@ -276,16 +283,11 @@ a:focus {
 
 /* Portfolio Wrap */
 #portfoliowrap {
-	padding-top: 60px;
 	margin-bottom: 60px;
 	display: block;
 	text-align: center
 }
 
-#portfoliowrap h3 {
-	margin-bottom: 0px;
-}
-
 .portfolio {
 	padding:0 !important;
 	margin:0 !important;
@@ -371,7 +373,7 @@ a:focus {
 /* Footer */
 #footerwrap {
 	padding-top: 60px;
-	padding-bottom: 60px;
+	padding-bottom: 30px;
 	background: #384452;
 }
 

radio/apps/radio/static/radio/images/default-programme-photo.jpg

@@ -28,7 +28,7 @@ <h5><strong>{{start_time|date:"G:i" }} - {{end_time|date:"G:i" }}</strong></h5>
                             </div>
                     </div>
                     <div class="col-lg-8 col-lg-offset-2 himg">
-                        <a href="{{ schedule_now.programme.get_absolute_url }}"><img src="{{ schedule_now.programme.photo.url }}" class="img-responsive"></a>
+                        <a href="{{ schedule_now.programme.get_absolute_url }}"><img src="{{ schedule_now.programme.photo.url }}" class="img-responsive img-thumbnail"></a>
                     </div>
                 {% else %}
                     <div class="col-lg-8 col-lg-offset-2">

radio/apps/radio/static/radio/images/default-userprofile-avatar.jpg

@@ -67,7 +67,7 @@
 
 
 {% block content %}
-    <div class="container mtb">
+    <div class="container mb">
         <div class="row">
 
     <div class="col-xs-12" id='calendar'></div>

radio/apps/radio/templates/radio/index.html

@@ -9,7 +9,7 @@
 
 
 {% block content %}
-    <div class="container mt">
+    <div class="container">
         <div class="row">
             <div class="col-lg-10 col-lg-offset-1 centered">
                 <img class="center-block img-responsive" src="{{ userprofile.avatar.url }}" alt="...">