From 7fafe394c5daa969ec1c7f296be0c3d7641d1929 Mon Sep 17 00:00:00 2001
From: Zhao-Linux <dungbuit1k28@gmail.com>
Date: Sat, 15 Oct 2022 22:26:00 +0700
Subject: [PATCH] Fix user profile nav page css

---
 resources/base.scss           |  3 +--
 templates/user/user-base.html | 17 +++++++++--------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/resources/base.scss b/resources/base.scss
index 99a965f..38ba814 100644
--- a/resources/base.scss
+++ b/resources/base.scss
@@ -108,7 +108,6 @@ body {
     position: relative;
     min-height: 100%;
     margin: 0 auto;
-    max-width: 107em;
     font-size: $base_font_size;
     line-height: 1.231;
     background: $background_light_gray;
@@ -322,6 +321,7 @@ nav {
                     &:first-child {
                         a.active {
                             border-top: 1px solid $widget_black;
+                            background-color: darkcyan !important;
                         }
                     }
                 }
@@ -477,7 +477,6 @@ noscript #noscript {
 
 #nav-placeholder {
     height: 47px;
-    max-width: 107em;
     background: white;
     border-right: 1px solid $border_gray;
     border-left: 1px solid $border_gray;
diff --git a/templates/user/user-base.html b/templates/user/user-base.html
index 2255f39..ac4c0d4 100644
--- a/templates/user/user-base.html
+++ b/templates/user/user-base.html
@@ -7,12 +7,12 @@
         .user-gravatar {
             display: block;
             padding-right: 15px;
-            width: 135px;
+            width: 145px;
         }
 
         .user-gravatar img {
-            width: 135px;
-            height: 135px;
+            width: 145px;
+            height: 145px;
             display: block;
             border-radius: 6px;
         }
@@ -62,10 +62,11 @@
         .user-stat {
             text-align: right;
             font-weight: bold;
-            margin-right: 0.5em;
         }
 
         .user-stat-container {
+            display: flex;
+            justify-content: space-between;
             margin-bottom: 0.5em;
         }
 
@@ -89,13 +90,13 @@
     <div class="user-info-page">
         <div class="user-sidebar">
             <div class="user-gravatar">
-                <img src="{{ gravatar(user, 135) }}" width="135px" height="135px">
+                <img src="{{ gravatar(user, 145) }}" width="145px" height="145px">
             </div>
             <br>
             {% if request.user != user.user %}
             <form method="post">
                 {% csrf_token %}
-                <button class="small {{ 'unfollow' if followed else 'follow' }}" style="width:135px">
+                <button class="small {{ 'unfollow' if followed else 'follow' }}" style="width:145px">
                     {% if followed %}
                         <i class="fa fa-remove"></i>
                         {{ _('Unfollow') }}
@@ -109,7 +110,7 @@
             <br>
             <div>
                 <form action="{{ url('all_user_submissions', user.user.username) }}">
-                    <input type="submit" value="{{ _('View submissions') }}" class="small" style="width:135px; padding-left: 1px; padding-right: 1px">
+                    <input type="submit" value="{{ _('View submissions') }}" class="small" style="width:145px; padding-left: 1px; padding-right: 1px">
                 </form>
             </div>
             {% if request.user.is_authenticated %}
@@ -118,7 +119,7 @@
                 <form action="{{ url('get_or_create_room') }}" method="POST">
                     {% csrf_token %}
                     <input type="hidden" value="{{ chat_param(request.profile, user) }}" name="other">
-                    <input type="submit" value="{{ _('Send message') }}" style="width:135px" class="small btn-midnightblue">
+                    <input type="submit" value="{{ _('Send message') }}" style="width:145px" class="small btn-midnightblue">
                 </form>
             </div>
             {% endif %}