From 0b9c9009147541c672ca21f6bce5219095f48ca1 Mon Sep 17 00:00:00 2001
From: Dmitri Puzyr <dmitri.puzyr@fluxon.com>
Date: Fri, 7 Jun 2024 14:25:56 +0300
Subject: [PATCH] Fix profile avatar distortions

---
 src/components/Header.css      | 7 -------
 src/components/MainPage2.css   | 8 --------
 src/components/ProfilePage.css | 2 ++
 src/components/Search.css      | 7 -------
 src/index.css                  | 8 ++++++++
 5 files changed, 10 insertions(+), 22 deletions(-)

diff --git a/src/components/Header.css b/src/components/Header.css
index 4d0c524..2d0ebf8 100644
--- a/src/components/Header.css
+++ b/src/components/Header.css
@@ -24,10 +24,3 @@
     width: 100px;
     height: 30px;
 }
-
-.image {
-  height: 50px;
-  margin: 10px;
-  border: 2.5px solid #444A6E;
-  border-radius: 100px;
-}
diff --git a/src/components/MainPage2.css b/src/components/MainPage2.css
index 0f3faff..6d5a768 100644
--- a/src/components/MainPage2.css
+++ b/src/components/MainPage2.css
@@ -135,11 +135,3 @@ body, html, #root {
 .friend-answer {
     font-size: 14px;
 }
-
-
-.image {
-  height: 50px;
-  margin: 10px;
-  border: 2.5px solid #444A6E;
-  border-radius: 100px;
-}
\ No newline at end of file
diff --git a/src/components/ProfilePage.css b/src/components/ProfilePage.css
index f374d5f..2dd51bc 100644
--- a/src/components/ProfilePage.css
+++ b/src/components/ProfilePage.css
@@ -125,8 +125,10 @@ body, html, #root {
   }
 
 .profile-icon {
+    flex: 0 0 100px;
     width: 100px;
     height: 100px;
+    max-width: 100%;
     border-radius: 50%;
     object-fit: cover;
     border: 2px solid #3b3b5f;
diff --git a/src/components/Search.css b/src/components/Search.css
index da33a53..4241640 100644
--- a/src/components/Search.css
+++ b/src/components/Search.css
@@ -18,13 +18,6 @@ body {
   background-color: #FCF4E4; /* Adjust header background color */
 }
 
-.image {
-  height: 50px;
-  margin: 10px;
-  border: 2.5px solid #444A6E;
-  border-radius: 100px;
-  width: auto;
-}
 /* App logo styling */
 .app-logo {
   height: 70px; /* Adjusted to a fixed height instead of using 'cap' */
diff --git a/src/index.css b/src/index.css
index f8bc64e..4c2cacd 100644
--- a/src/index.css
+++ b/src/index.css
@@ -19,3 +19,11 @@ body,
 html {
   background-color: #2c2b4a;
 }
+
+.image {
+  height: 50px;
+  width: 50px;
+  margin: 10px;
+  border: 2.5px solid #444a6e;
+  border-radius: 100px;
+}