Improved post creation and user profile page

assets/css/profile_page.css

@@ -94,10 +94,12 @@
 
 #profile-sub-header .profile-picture-container {
     position: relative;
+    padding: 0;
 }
 
 #profile-sub-header .profile-picture {
     position: absolute;
+    top: 50%;
     left: 50%;
     width: 80%;
     transform: translate(-50%, -60%);
@@ -106,13 +108,12 @@
     box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
     border-radius: 100%;
     margin: 0;
-    transition: all .2s;
 }
 
 #profile-sub-header.fixedTop .profile-picture {
     left: 100%;
     width: 50px;
-    transform: translateX(-110%);
+    transform: translate(-120%, -50%);
     border: 0;
 }
 
@@ -127,7 +128,7 @@
 .avatar-upload-overlay {
     position: absolute;
     width: 80%;
-    top: 25px;
+    top: 35px;
     left: 50%;
     transform: translate(-50%, -50%);
     background-color: rgba(255,255,255,0);
@@ -161,12 +162,15 @@
     -o-transition: color .2s;
     transition: color .2s;
     font-size: 40px;
-    margin: 42%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
 }
 
 .fixedTop .avatar-upload-overlay .fa {
     font-size: 20px;
-    margin: 32%;
+    /*margin: 32%;*/
 }
 
 .avatar-upload-overlay:hover .fa {