﻿function CompanyList(companyData, cityId) {
    var company = new Company(companyData);
    $("#" + cityId).append('<div id="' + company.Id + '"class="company-div col-xs-10 col-xs-offset-2 col-sm-6 col-sm-offset-4">' +
                                '<button type="button" class="company-button btn btn-primary">' + company.Name + '</button>' +
                            '</div>');
};

function companyView(data, companyId)
{
    var company = new Company(data);
    var html = '<div id="' + company.Id + '"class="company-container well col-xs-12 col-sm-12">' +
                    '<div class="dropdown">' +
                        '<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
                            '<span class="caret"></span>' +
                        '</button>' +
                        '<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel">' +
                            '<li><a href="#">Edit Company</a></li>' +
                            '<li><a href="#">Add Contact</a></li>' +
                            '<li><a href="#">Delete Company</a></li>' +
                        '</ul>' +
                    '</div>' +
                        
                    '<h2 class="company-heading col-sm-10 col-sm-offset-2">' + company.Name + '</h2>' +
                    '<p class="col-xs-10 col-sm-10 col-sm-offset-2">' + company.Address + '</p>' +
               '</div>';
    $("#content-box").append(html);
    $.each(company.Contacts, function (i) { contactList(company.Contacts[i]) });
}

function contactList(data) {
    var contact = new Contact(data);
    var html = '<div class="contact-container">' +
                    '<h4 class="col-xs-12 col-sm-10 col-sm-offset-2">' + contact.Name + ": " + contact.Title + '</h4>' +
                    '<p class="col-xs-8 col-sm-3 col-sm-offset-2">' + contact.Email + '</p>' +
                    '<p class="col-xs-8 col-sm-3 col-sm-offset-2">' + contact.PhoneNumber + '</p>' +
                    //'<button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-envelope"></span> </button>' +
                    //'<button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-phone-alt"></span> </button>' +
                    //'<button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-facetime-video"></span> </button>' +
                    //'<button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-pencil"></span> </button>' +
                    //'<button type="button" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> </button>' +
                '</div>';
    $(".company-container").append(html);
}
@@ -596,20 +596,31 @@
 ss=%22
-dropdown
+btn-group pull-right
 %22%3E'
- 
 +%0A  
@@ -774,97 +774,31 @@
 se%22%3E
-' +%0A                            '%3Cspan class=%22caret%22%3E%3C/span%3E' +%0A                        '
+This button moved right
 %3C/bu
@@ -795,33 +795,32 @@
  right%3C/button%3E'
- 
 +%0A              
@@ -1182,35 +1182,9 @@
 iv%3E'
- +%0A                        
++
 %0A   

Drop down menu fixed. Positioned on right side of content box. Ready for merge to master.