Fixes #415 - adds vanity number

Fixes #415 - adds vanity number to phone partial and test spec.

app/assets/stylesheets/components/_phone.css.scss

@@ -10,4 +10,8 @@
     font-size: $font_size_90;
     color: $greyscale_midtone;
   }
+
+  .vanity-number {
+    display: block;
+  }
 }

app/views/component/detail/_phone.html.haml

@@ -7,14 +7,19 @@
 - if phone.present?
   %section.phone.icon-text-block{ itemscope: '', itemtype: 'http://schema.org/ContactPoint' }
     %i{ class: phone_icon_for(phone.number_type) }
-    %span.annotated-text-block
-      %span{ itemprop: phone_microdata_for(phone.number_type) }
-        = format_phone(phone.number)
-      - if phone.extension.present?
-        %span.phone-extension
-          %span.delimiter
-            = SETTINGS[:phone_extension_delimiter]
-          %span.extension
-            = phone.extension
-      - if show_phone_type_and_department == true
-        = render 'component/detail/phone_type_and_department', phone: phone
+    %span
+      - if phone.vanity_number.present?
+        %span
+          %span.vanity-number
+            = phone.vanity_number
+      %span.annotated-text-block
+        %span.number{ itemprop: phone_microdata_for(phone.number_type) }
+          = format_phone(phone.number)
+        - if phone.extension.present?
+          %span.phone-extension
+            %span.delimiter
+              = SETTINGS[:phone_extension_delimiter]
+            %span.extension
+              = phone.extension
+        - if show_phone_type_and_department == true
+          = render 'component/detail/phone_type_and_department', phone: phone

spec/features/details/location_details_spec.rb

@@ -148,6 +148,10 @@ def body_for(name, url)
       expect(page).to have_link('www.example.org')
     end
 
+    it 'includes vanity number' do
+      expect(page).to have_content('222-555-INFO')
+    end
+
     it 'includes Physical Address' do
       expect(page).to have_content('Avenue of the fellows')
     end