From 37ce178b21f89812e8310f2f3eaedf88fb32844e Mon Sep 17 00:00:00 2001
From: augustin64 <me.git@augustin64.fr>
Date: Fri, 22 Sep 2023 15:22:16 +0200
Subject: [PATCH] Profile pictures: CSS fixed

Now broken: tables and `/partition/{uuid}/details` CSS
(css is really scaring me)
---
 partitioncloud/static/style.css                 | 6 ++++--
 partitioncloud/templates/admin/index.html       | 2 +-
 partitioncloud/templates/base.html              | 2 +-
 partitioncloud/templates/partition/details.html | 2 +-
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/partitioncloud/static/style.css b/partitioncloud/static/style.css
index c7ed1a0..69c07a9 100644
--- a/partitioncloud/static/style.css
+++ b/partitioncloud/static/style.css
@@ -143,12 +143,12 @@ body {
 
     display: flex;
     flex-direction: column;
+    overflow: hidden;
 }
 
 #content {
     margin-bottom: 50px;
     flex: 1;
-    overflow: hidden;
 }
 
 #footer {
@@ -266,15 +266,17 @@ section#users {
 
 .user-profile-picture {
     color: var(--color-mantle);
+    position: absolute;
+    left: 0;
 }
 
 .user-profile {
     display: inline-flex;
+    margin-left: 30px;
 }
 
 .user-profile .user-profile-picture {
     position: absolute;
-    left: 30px;
 }
 
 .dropdown {
diff --git a/partitioncloud/templates/admin/index.html b/partitioncloud/templates/admin/index.html
index a89c017..d10b183 100644
--- a/partitioncloud/templates/admin/index.html
+++ b/partitioncloud/templates/admin/index.html
@@ -24,7 +24,7 @@
     <tbody>
         {% for user in users %}
         <tr>
-            <td>
+            <td style="position:relative">
                 <div class="user-profile">
                     <div class="user-profile-picture" style="background-color:{{ user.color }};"
                         title="{{ user.username }}">
diff --git a/partitioncloud/templates/base.html b/partitioncloud/templates/base.html
index d3b8a1c..f445194 100644
--- a/partitioncloud/templates/base.html
+++ b/partitioncloud/templates/base.html
@@ -110,7 +110,7 @@
             </button></a><br/>
           {% endif %}
           <div class="user">
-            <div class="user-profile-picture" style="background-color:{{ user.color }};"
+            <div class="user-profile-picture" style="background-color:{{ user.color }}; position:inherit;"
               title="{{ user.username }}">
               {{ user.username[0] | upper }}
             </div>
diff --git a/partitioncloud/templates/partition/details.html b/partitioncloud/templates/partition/details.html
index a38669c..63d1b31 100644
--- a/partitioncloud/templates/partition/details.html
+++ b/partitioncloud/templates/partition/details.html
@@ -11,7 +11,7 @@
         <td>
           Responsable de l'ajout
         </td>
-        <td>
+        <td style="position:absolute">
           {% if user is not none %}
           <div class="user-profile"><!-- Completely messy html for this -->
             <div class="table-username">{{ user.username }}</div>