From 7a1e8c2297778f801df7a28482ca6c3a1353aa41 Mon Sep 17 00:00:00 2001
From: KUNAL <goudanikunal3@gmail.com>
Date: Sun, 16 Apr 2023 21:40:06 +0530
Subject: [PATCH 1/2] fix: resolve aligment issues (#649)

Signed-off-by: KUNAL <goudanikunal3@gmail.com>
---
 src/pages/ContentScripts/index.scss            |  9 +++++++++
 .../DeveloperNetworkView.tsx                   | 18 ++++++------------
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/pages/ContentScripts/index.scss b/src/pages/ContentScripts/index.scss
index 31e611aa..4fa91030 100644
--- a/src/pages/ContentScripts/index.scss
+++ b/src/pages/ContentScripts/index.scss
@@ -21,6 +21,11 @@
   border-bottom: 0;
   border-radius: 6px;
 }
+.color-text-secondary {
+  margin-left: 35px;
+  margin-right: 35px;
+  margin-top: 10px;
+}
 @media screen and (max-width: 1120px) {
   .graph-container {
     width: 100%;
@@ -28,6 +33,10 @@
   .description-container {
     width: 100%;
   }
+  .color-text-secondary {
+    margin-left: 5px;
+    margin-top: 5px;
+  }
 }
 
 .hypertrons-crx-title-extra {
diff --git a/src/views/DeveloperNetworkView/DeveloperNetworkView.tsx b/src/views/DeveloperNetworkView/DeveloperNetworkView.tsx
index 0b7955c0..c1853c83 100644
--- a/src/views/DeveloperNetworkView/DeveloperNetworkView.tsx
+++ b/src/views/DeveloperNetworkView/DeveloperNetworkView.tsx
@@ -168,7 +168,7 @@ const DeveloperNetworkView: React.FC<DeveloperNetworkViewProps> = ({
             </Stack>
             <div className="d-flex flex-wrap justify-content-lg-between align-items-center">
               <div className="col-8 graph-container">
-                <div style={{ margin: '10px 0 20px 20px' }}>
+                <div style={{ margin: '15px 0 20px 0px' }}>
                   <Graph
                     data={developerNetwork!}
                     style={graphStyle}
@@ -177,10 +177,7 @@ const DeveloperNetworkView: React.FC<DeveloperNetworkViewProps> = ({
                 </div>
               </div>
               <div className="col-4 description-container">
-                <div
-                  className="color-text-secondary"
-                  style={{ marginLeft: '35px', marginRight: '35px' }}
-                >
+                <div className="color-text-secondary">
                   <p>
                     {getMessageByLocale(
                       'component_developerCollaborationNetwork_description',
@@ -232,16 +229,13 @@ const DeveloperNetworkView: React.FC<DeveloperNetworkViewProps> = ({
               </div>
             </Stack>
             <div className="d-flex flex-wrap justify-content-lg-between align-items-center">
-              <div className="col-lg-8 col-12  ">
-                <div style={{ margin: '10px 0 20px 20px' }}>
+              <div className="col-lg-8 col-12 graph-container ">
+                <div style={{ margin: '15px 0px 20px 0px' }}>
                   <Graph data={repoNetwork!} style={graphStyle} />
                 </div>
               </div>
-              <div className="col-lg-4 col-12">
-                <div
-                  className="color-text-secondary"
-                  style={{ marginLeft: '35px', marginRight: '35px' }}
-                >
+              <div className="col-lg-4 col-12 description-container">
+                <div className="color-text-secondary ">
                   <p>
                     {getMessageByLocale(
                       'component_mostParticipatedProjects_description',

From f2992073f8ad17f371645d2dd49136aa06668454 Mon Sep 17 00:00:00 2001
From: KUNAL <goudanikunal3@gmail.com>
Date: Tue, 18 Apr 2023 08:55:11 +0530
Subject: [PATCH 2/2] fix:Developer/Repo Header Issues

Signed-off-by: KUNAL <goudanikunal3@gmail.com>
---
 src/pages/ContentScripts/index.scss                     | 7 +++++++
 src/views/DeveloperNetworkView/DeveloperNetworkView.tsx | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/pages/ContentScripts/index.scss b/src/pages/ContentScripts/index.scss
index 4fa91030..52b9e285 100644
--- a/src/pages/ContentScripts/index.scss
+++ b/src/pages/ContentScripts/index.scss
@@ -40,10 +40,17 @@
 }
 
 .hypertrons-crx-title-extra {
+  float: right;
   margin-right: 10px;
   text-align: right;
 }
 
+@media screen and (max-width: 670px) {
+  .developer-tab {
+    float: none;
+  }
+}
+
 .verticalStackItemStyle {
   width: 50%;
   margin-left: 10px;
diff --git a/src/views/DeveloperNetworkView/DeveloperNetworkView.tsx b/src/views/DeveloperNetworkView/DeveloperNetworkView.tsx
index c1853c83..ca1e76b9 100644
--- a/src/views/DeveloperNetworkView/DeveloperNetworkView.tsx
+++ b/src/views/DeveloperNetworkView/DeveloperNetworkView.tsx
@@ -161,7 +161,7 @@ const DeveloperNetworkView: React.FC<DeveloperNetworkViewProps> = ({
                   settings.locale
                 )}
               </span>
-              <div className="hypertrons-crx-title-extra">
+              <div className="hypertrons-crx-title-extra developer-tab">
                 {getMessageByLocale('global_period', settings.locale)}:{' '}
                 {repoPeriod} {getMessageByLocale('global_day', settings.locale)}
               </div>
@@ -222,7 +222,7 @@ const DeveloperNetworkView: React.FC<DeveloperNetworkViewProps> = ({
                   settings.locale
                 )}
               </span>
-              <div className="hypertrons-crx-title-extra">
+              <div className="hypertrons-crx-title-extra ">
                 {getMessageByLocale('global_period', settings.locale)}:{' '}
                 {developerPeriod}{' '}
                 {getMessageByLocale('global_day', settings.locale)}