Fix #554

public/ng/css/gogs.css

@@ -2228,8 +2228,7 @@ textarea#issue-add-content {
   margin-left: 240px;
 }
 .profile-avatar {
-  width: 200px;
+  width: 100%;
-  height: 200px;
   border-radius: 6px;
 }
 #profile-name {
@@ -2243,7 +2242,6 @@ textarea#issue-add-content {
   font-weight: bold;
 }
 .profile-info {
-  padding: 0 50px;
   font-size: 14px;
 }
 .profile-info ul {
@@ -2280,3 +2278,6 @@ textarea#issue-add-content {
 #profile-header li .current {
   border-bottom: 2px solid #D26911;
 }
+#profile-body {
+  margin-left: 10px;
+}

public/ng/less/gogs/profile.less

@@ -1,6 +1,5 @@
 .profile-avatar {
-	width: 200px;
+	width: 100%;
-	height: 200px;
 	border-radius: 6px;
 }
 #profile-name {
@@ -14,7 +13,7 @@
 	font-weight: bold;
 }
 .profile-info {
-	padding: 0 50px;
+	// padding: 0 50px;
 	font-size: 14px;
 	ul {
 		padding-bottom: 10px;
@@ -55,3 +54,6 @@
 		}
 	}
 }
+#profile-body {
+	margin-left: 10px;
+}

templates/user/profile.tmpl

@@ -2,12 +2,12 @@
 {{template "ng/base/header" .}}
 <div class="main-wrapper">
     <div id="user-profile-page" class="container clear">
-        <div class="grid-1-4 left">
+        <div class="grid-1-5 left">
-            <div class="text-center">
+            <div>
                 <a href="http://gravatar.com/emails/" id="profile-avatar" original-title="{{.i18n.Tr "user.change_avatar"}}">
                     <img class="profile-avatar" src="{{.Owner.AvatarLink}}?s=200"title="{{.Owner.Name}}"/>
                 </a>
-                <div id="profile-name">
+                <div class="text-center" id="profile-name">
                     {{if .Owner.FullName}}<span id="profile-fullname" class="center-block">{{.Owner.FullName}}</span><br>{{end}}
                     <span class="center-block" id="profile-username">{{.Owner.Name}}</span>
                 </div>
@@ -50,7 +50,8 @@
                 <hr>
             </div>
         </div>
-        <div class="grid-3-4 left">
+        <div class="grid-4-5 left">
+            <div id="profile-body">
                 <ul class="menu menu-line" id="profile-header">
                     <li>
                         <a {{if not .TabName}}class="current"{{end}} href="{{.Owner.HomeLink}}"><i class="octicon octicon-repo"></i> {{.i18n.Tr "user.repositories"}}</a>
@@ -88,4 +89,5 @@
             </div>
         </div>
     </div>
+</div>
 {{template "ng/base/footer" .}}