Modify profile page

src/EventHub.Web/Pages/Users.cshtml → src/EventHub.Web/Pages/User.cshtml

@@ -9,15 +9,15 @@
 @inject ICurrentUser CurrentUser
 @inject IClock Clock
 @inject IHtmlLocalizer<EventHubResource> L
-@model EventHub.Web.Pages.Members.ProfileModel
+@model EventHub.Web.Pages.UserModel
 
-@section scripts {
-    <abp-script src="/Pages/Users.js" />
+@section styles {
+    <abp-style src="/Pages/User.css" />
 }
 
 <div class="container pt-4">
     <div class="row py-4">
-        <div class="col-md-2">
+        <div class="col-md-3">
             <div class="">
                 <ul class="card list-group">
                     <div class="card-body">
@@ -47,7 +47,7 @@
                 </ul>
             </div>
         </div>
-        <div class="col-md-10">
+        <div class="col-md-9">
             <abp-row>
                 <abp-column size="_8">
                     <ul class="nav nav-tabs profile-nav" id="profileTab">

src/EventHub.Web/Pages/Users.cshtml.cs → src/EventHub.Web/Pages/User.cshtml.cs

@@ -7,16 +7,16 @@ using EventHub.Organizations;
 using EventHub.Users;
 using Microsoft.AspNetCore.Mvc;
 
-namespace EventHub.Web.Pages.Members
+namespace EventHub.Web.Pages
 {
-    public class ProfileModel : EventHubPageModel
+    public class UserModel : EventHubPageModel
     {
         private readonly IUserAppService _userAppService;
         private readonly IOrganizationAppService _organizationAppService;
 
         public List<OrganizationInListDto> Organizations { get; set; }
 
-        public ProfileModel(
+        public UserModel(
             IUserAppService userAppService, 
             IOrganizationAppService organizationAppService)
         {

src/EventHub.Web/Pages/User.css

@@ -0,0 +1,4 @@
+.col-lg-4 {
+    flex: 0 0 50%;
+    max-width: 50.0%;
+}

src/EventHub.Web/Pages/Users.js

@@ -1,3 +0,0 @@
-$(function () {
-    $('.col-lg-4').attr('class', 'col-lg-6');
-});