Added basic styling for each component

app/assets/stylesheets/osem.css

@@ -92,16 +92,20 @@ body {
     padding-bottom: 20px;
 }
 
-#location{
+#venue-banner-disp{
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
- min-height: 500px;
  background-size: cover;
  -webkit-background-size:cover;
 }
 
-#location li{
+#venue-banner-disp li{
   display: inline-block;
   margin-right: 2em;
 }
+
+.pad{
+    padding-top: 35px;
+    padding-bottom: 35px;
+}

app/views/conference/_location.html.haml

@@ -3,7 +3,8 @@
     %a{ href: '#location' } Location
 
 
-%div.container.text-center
+%div#venue-banner-disp
+  %div.container.text-center
     .div.row.col-md-12
       - unless @conference.venue.name.blank?
         %h1
@@ -31,6 +32,7 @@
       var photo = "#{@conference.venue.photo}";
       if(photo)
       {
-        $('#location').css('background-image', 'url('+photo+')');
+        $('#venue-banner-disp').css('min-height','500px');
+        $('#venue-banner-disp').css('background-image', 'url('+photo+')');
       }
     });

app/views/conference/show.html.haml

@@ -3,20 +3,31 @@
 
 - unless @conference.description.blank?
   %p= @conference.description
-%div#program
+  %section{ id: 'program' }
+  .pad
     = render 'program'
-%div#registration
+
+%section{ id: 'registration' }
+.pad
   = render 'registration'
+
 -unless @conference.call_for_papers.blank?
-  %div#callforpapers
+  %section{ id:'callforpapers' }
+  .pad
     = render 'call_for_papers'
 -unless @conference.venue.blank?
-  %div#location
+  %section{ id: 'location' }
+  .pad
     = render 'location'
 - if @conference.venue
   - unless @conference.venue.lodgings.empty?
     = render 'lodging'
-%div#sponsors
+
+%section{ id: 'sponsors' }
+.pad
   = render 'sponsor'
-%div#social-media
+
+%section{ id: 'social-media' }
+.pad
   = render 'social_media'
+