Make edit profile better on mobile

templates/user/edit-profile.html

@@ -43,9 +43,9 @@
 
     #center-float {
       position: relative;
-      margin: 0 auto auto -28.5em;
-      left: 60%;
-      width: 700px;
+      width: 100%;
+      display: flex;
+      justify-content: center;
     }
   </style>
 {% endblock %}
@@ -102,7 +102,7 @@
         </tr>
         <tr>
           <td>{{ _('Avatar') }}: </td>
-          <td>{{ form.profile_image }}</td>
+          <td style="padding-top: 1em">{{ form.profile_image }}</td>
         </tr>
       </table>
       <hr>