Updated_MyProfile

src/main/webapp/WEB-INF/css/custom-theme.css

@@ -329,7 +329,7 @@ i.fa.fa-refresh:hover {
 #footer .navbar-inverse, #footer .navbar-inverse {
 	background: #eeeef6;
 	border-top: 2px solid #00b4e5;
-	position: inherit;
+	position: relative;
 }
 #footer .navbar-inverse .copyrights {
     /* background: #fff;
@@ -641,4 +641,7 @@ cursor: pointer;
 }
 .import-data {
 	 height: calc(100vh - 100px) !important;
+}
+.my-profile{
+	 height: calc(100vh - 102px) !important;
 }
\ No newline at end of file

src/main/webapp/WEB-INF/templates/profile.html

-<div class="md-padding" id="popupContainer" ng-controller="profileController" ng-init="getProfileData()">
+<div class="md-padding my-profile" id="popupContainer" ng-controller="profileController" ng-init="getProfileData()">
     <h1 class="no-padding">My Profile
-		<a class="right">
-		<i class="fa fa-refresh" aria-hidden="true" ng-click="refreshPage()"></i></a>
+						<span class="right">
+        <md-button class="add-btn md-raised md-primary" ng-click="updateProfile()"> <i class="fa fa-pencil-square-o fa-1x"></i> Update Profile
+        </md-button>
+						<i class="fa fa-refresh" aria-hidden="true" ng-click="refreshPage()"></i>
+						</span>
 	</h1>
     <div class="row scroll-content">
         <div class="col-lg-1">
@@ -243,10 +246,6 @@
             </div>
         </div>
     </div>
-    <div class="col-lg-12 text-center">
-        <md-button class="md-raised md-primary" ng-click="updateProfile()"> <i class="fa fa-pencil-square-o fa-1x"></i> Update Profile
-        </md-button>
-    </div>
     <div class="col-lg-2 col-xs-12"></div>
 </div>
 </div>
\ No newline at end of file

src/main/webapp/WEB-INF/templates/shiftdetails.html

-<div class="md-padding" id="popupContainer" ng-controller="shiftDetailsController"
+<div class="md-padding my-profile" id="popupContainer" ng-controller="shiftDetailsController"
 	ng-init="getShiftDetails()">
 	<div class="container-fluid mainDivHeaderClass">
 		<div class="row">