anchor.diff:      
       <%firstLetter = userName[0]%>
     
  -    <div onclick= "profileClick()" id = "profile-icon" class = "round-hover">
  -      <% if is_default%>
  -        <div  id = "profile-image">
  -          <%= firstLetter %>
  -        </div>
  -      <% else %>
  -        <img class= "img-circle round" src=<%=source%>>
  -      <% end %>
  +    <div id = "profile-icon" onblur= "profileClick()" class = "round-hover">
  +      <div onclick= "profileClick()" >
  +        
  +        <% if is_default%>
  +          <div  id = "profile-image">
  +            <%= firstLetter %>
  +          </div>
  +        <% else %>
  +          <img class= "img-circle round" src=<%=source%>>
  +        <% end %>
  +      </div>
         <div id="arrow" class = "arrow-up"></div> 
         <div id="myDropdown" class="dropdown-content drop-allign">
           <div id="user-name-header">
  
positive.code:         
          
          <div onclick= "backClick()", class="dropdown-sub-title">
            <a>Close</a>
          </div>
        </div>
        
  
negative.code:   <script>
  
      function profileClick() {
        if (document.getElementById("myDropdown").style.display === "block"){
          document.getElementById("arrow").style.display = "none"
          document.getElementById("myDropdown").style.display = "none"
          
        } else if (document.getElementById("settingsDropdown").style.display === "block"){
          document.getElementById("arrow").style.display = "none"
          document.getElementById("settingsDropdown").style.display = "none"
          document.getElementById("myDropdown").style.display = "none"
          
        } else {
          document.getElementById("myDropdown").style.display = "block"
          document.getElementById("arrow").style.display = "block"
        }
      }
    
      function settingsClick() {
        document.getElementById("arrow").style.display = "block"
        document.getElementById("settingsDropdown").style.display = "block"
        document.getElementById("myDropdown").style.display = "none"
      }
      
      function backClick() {
        document.getElementById("arrow").style.display = "block"
        document.getElementById("myDropdown").style.display = "block"
        document.getElementById("settingsDropdown").style.display = "none"
        document.getElementById("location_updated_text").style.display = "none"
        document.getElementById("language_updated_text").style.display = "none"
        document.getElementById("email_updated_text").style.display = "none"
  