user profile fixed

src/client/js/components/MyDraftList/MyDraftList.jsx

@@ -233,7 +233,7 @@ class MyDraftList extends React.Component {
     paginationItems.push(nextLastItems);
 
     return (
-      <div className="page-list-container-create">
+      <div className="page-list-container-create py-4">
 
         { totalCount === 0
           && <span>No drafts yet.</span>

src/client/js/components/RecentCreated/RecentCreated.jsx

@@ -179,7 +179,7 @@ class RecentCreated extends React.Component {
     paginationItems.push(nextLastItems);
 
     return (
-      <div className="page-list-container-create">
+      <div className="page-list-container-create py-4">
         <ul className="page-list-ul page-list-ul-flat">
           {pageList}
         </ul>

src/server/views/layout-growi/widget/comments.html

@@ -2,7 +2,7 @@
 
   <div class="page-comments col-lg-7 col-md-9">
 
-    <h4><i class="icon-fw icon-bubbles"></i> Comments</h4>
+    <h4 class="my-2"><i class="icon-fw icon-bubbles"></i> Comments</h4>
 
     <div class="page-comments-list" id="page-comments-list"></div>
 

src/server/views/layout-kibela/widget/comments.html

@@ -2,7 +2,7 @@
 
     <div class="page-comments">
 
-      <h4><i class="icon-fw icon-bubbles"></i> Comments</h4>
+      <h4 class="my-2"><i class="icon-fw icon-bubbles"></i> Comments</h4>
 
       <div class="page-comments-list" id="page-comments-list"></div>
 

src/server/views/widget/user_page_content.html

@@ -1,24 +1,24 @@
 <div class="user-page-content">
-  <ul class="nav nav-tabs user-page-content-menu">
-    <li class="active">
-      <a href="#user-bookmark-list" data-toggle="tab"><i class="icon-star"></i> Bookmarks</a>
+  <ul class="nav nav-tabs user-page-content-menu" role="tablist">
+    <li class="nav-item">
+      <a class="nav-link active" href="#user-bookmark-list" role="tab" data-toggle="tab"><i class="icon-star"></i> Bookmarks</a>
     </li>
-    <li>
-      <a href="#user-created-list" data-toggle="tab"><i class="icon-clock"></i> Recently Created</a>
+    <li class="nav-item">
+      <a class="nav-link" href="#user-created-list" role="tab" data-toggle="tab"><i class="icon-clock"></i> Recently Created</a>
     </li>
-    <li>
-      <a href="#user-draft-list" data-toggle="tab"><i class="icon-docs"></i> My Drafts</a>
+    <li class="nav-item">
+      <a class="nav-link" href="#user-draft-list" role="tab" data-toggle="tab"><i class="icon-docs"></i> My Drafts</a>
     </li>
     {% if user._id.toString() == pageUser._id.toString() %}
-    <li>
-      <a href="/me"><i class="icon-wrench"></i> Settings</a>
+    <li class="nav-item" role="tab">
+      <a class="nav-link" href="/me"><i class="icon-wrench"></i> Settings</a>
     </li>
     {% endif %}
   </ul>
 
   <div class="m-t-10 user-page-content-tab tab-content">
 
-    <div class="tab-pane user-bookmark-list page-list active" id="user-bookmark-list">
+    <div class="tab-pane user-bookmark-list page-list py-4 active" id="user-bookmark-list">
       {% if bookmarkList.length == 0 %}
         No bookmarks yet.
       {% else %}

src/server/views/widget/user_page_header.html

@@ -4,7 +4,7 @@
     <h4 id="revision-path"></h4>
 
     <div class="users-info d-flex align-items-center">
-      <img src="{{ pageUser|picture }}" class="picture img-circle">
+      <img src="{{ pageUser|picture }}" class="picture rounded-circle">
       <div class="users-meta" style="flex: 1;">
         <div class="d-flex align-items-center">
           <h1>