From 40842830a4108d2c7f3c10ca3c1dc9ff07d98dee Mon Sep 17 00:00:00 2001
From: pateljannat <pateljannat2308@gmail.com>
Date: Mon, 26 Jul 2021 11:14:32 +0530
Subject: [PATCH] fix: profile page social icons position

---
 community/public/css/style.css      |  1 -
 community/www/profiles/profile.html | 52 +++++++++++++++--------------
 2 files changed, 27 insertions(+), 26 deletions(-)

diff --git a/community/public/css/style.css b/community/public/css/style.css
index 397628c5..f2e88b9d 100644
--- a/community/public/css/style.css
+++ b/community/public/css/style.css
@@ -1192,7 +1192,6 @@ div.custom-checkbox>label>input:checked+img {
 }
 
 .social-icons {
-  float: right;
   margin: 16px;
 }
 
diff --git a/community/www/profiles/profile.html b/community/www/profiles/profile.html
index c6e448c7..e07428f3 100644
--- a/community/www/profiles/profile.html
+++ b/community/www/profiles/profile.html
@@ -20,34 +20,36 @@
 {% macro ProfileBanner(member) %}
 <div class="">
   <div class="profile-banner" style="background-image: url(/assets/community/images/profile-banner.png)">
-  <div class="profile-avatar">
-    {{ widgets.Avatar(member=member, avatar_class="avatar-xl") }}
-    <div class="profile-name"> {{ member.full_name }} </div>
-    {% if member.get_authored_courses() | length %}
-    <div class="creator-badge"> Creator </div>
-    {% endif %}
-   </div>
+    <div class="profile-avatar">
+      {{ widgets.Avatar(member=member, avatar_class="avatar-xl") }}
+      <div class="profile-name"> {{ member.full_name }} </div>
+      {% if member.get_authored_courses() | length %}
+      <div class="creator-badge"> Creator </div>
+      {% endif %}
+    </div>
   </div>
   <div class="profile-info">
-    {% if member.profession %}
-    <span class="profile-profession"> {{ member.profession }} </span>
-    {% endif %}
-    <div class="social-icons">
-      {% if member.linkedin %}
-      <a class="linkedin" href="{{ member.linkedin }}">
-        <img src="/assets/community/images/linkedin.png">
-      </a>
-      {% endif %}
-      {% if member.medium %}
-      <a class="medium" href="{{ member.medium}}">
-        <img src="/assets/community/icons/medium.svg">
-      </a>
-      {% endif %}
-      {% if member.github %}
-      <a class="github" href="{{ member.github }}">
-        <img src="/assets/community/icons/github.svg">
-      </a>
+    <div class="profile-profession">
+      {% if member.profession %}
+      <span class=""> {{ member.profession }} </span>
       {% endif %}
+      <span class="social-icons">
+        {% if member.linkedin %}
+        <a class="linkedin" href="{{ member.linkedin }}">
+          <img src="/assets/community/images/linkedin.png">
+        </a>
+        {% endif %}
+        {% if member.medium %}
+        <a class="medium" href="{{ member.medium}}">
+          <img src="/assets/community/icons/medium.svg">
+        </a>
+        {% endif %}
+        {% if member.github %}
+        <a class="github" href="{{ member.github }}">
+          <img src="/assets/community/icons/github.svg">
+        </a>
+        {% endif %}
+      </span>
     </div>
   </div>
 </div>