Minor Styling Fixed for Learner Profile

LEARNER-2238

- Assure change image only shows on hover
- Better UX for delete image, only shows on hover
- Fixing issue with bottom border when user does not have a country set
- Issues with location of pencil icon in dropdown edit modeApplying styling changes.

lms/templates/fields/field_readonly.underscore

@@ -1,9 +1,9 @@
 <% if (title) { %>
-    <span class="u-field-title" aria-hidden="true"><%- title %></span>
+    <label class="u-field-title" aria-hidden="true"><%- title %></label>
 <% } %>
 
 <span class="sr" for="u-field-value-<%- id %>"><%- screenReaderTitle %></span>
-<span class="u-field-value" id="u-field-value-<%- id %>" aria-describedby="u-field-message-<%- id %>"><%- value %></span>
+<span class="u-field-value-readonly u-field-value" id="u-field-value-<%- id %>" aria-describedby="u-field-message-<%- id %>"><%- value %></span>
 <span class="u-field-message" id="u-field-message-<%- id %>">
     <span class="u-field-message-notification" aria-live="polite"></span>
     <span class="u-field-message-help" id="u-field-help-message-<%- id %>"> <%- message %></span>