autres ajouts

public/styles/styleQuote.css

@@ -120,16 +120,16 @@ body.light-mode .like-icon-none img{
 }
 
 .comAdd{
-    width : 20vw;
-    height : 4vh;
+    width : 21vw;
+    height : 5vh;
     padding-left: 1vh;
     border: none;
     border-radius: 20px;
 }
 
 .btn{
-    width : 2vw;
-    height : 4vh;
+    width : 5vh;
+    height : 5vh;
     padding-left: 1vh;
     border: none;
     border-radius: 50px;
@@ -149,7 +149,7 @@ body.light-mode .like-icon-none img{
     display: flex;
     flex-direction: column;
     overflow-y: auto;
-    height: 55vh;
+    height: 95%;
 }
 
 .comment_section::-webkit-scrollbar {
@@ -230,7 +230,7 @@ body.light-mode .like-icon-none img{
 }
 
 .infoQuote{
-    margin: 2vh;
+    margin-bottom: 2vh;
     height: 31vh;
 }
 
@@ -245,11 +245,13 @@ body.light-mode .like-icon-none img{
     margin-bottom: -5px;
 }
 
-.avatar{
+.avatar {
     width: 40px;
     height: 40px;
     border-radius: 50%;
-    margin-right: 15px;
+    margin-right: 10px;
+    object-fit: cover;
+    border: #000 solid 1.5px;
 }
 
 .imgIcones{
@@ -258,8 +260,8 @@ body.light-mode .like-icon-none img{
 }
 
 .comAdd :focus {
-    outline: none; /* Supprime la bordure bleue */
-    box-shadow: none; /* Supprime également toute ombre ajoutée */
+    outline: none;
+    box-shadow: none;
 }
 
 .likeLien{
@@ -315,8 +317,8 @@ body.light-mode .like-icon-none img{
     }
 
     .btn{
-        width : 5vw;
-        height : 5vw;
+        width : 5vh;
+        height : 5vh;
     }
     
     .com{