Merge pull request #255 from lusifer65/bug/issue-250

[issue #250] fixed alignment of the contributors
Prajwal0225 · Oct 22, 2023 · e477e9d · e477e9d
2 parents c74fd51 + ce05255
commit e477e9d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/contri.css b/contri.css
@@ -50,15 +50,27 @@ nav.stroke ul li a:hover:after {
     align-items: center;
     flex-wrap: wrap;
     gap: 25px;
+    flex-wrap: wrap;
+    justify-content: flex-start;
 
 }
 .contributor{
+    min-width: 150px;
+    max-width: 150px;  
     display: flex;
     flex-direction: column;
     color: #fff;
     align-items: flex-start;
     gap: 8px;
 }
+
+.contributor h3{
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 #container-header{
     display: flex;
     align-items: center;
@@ -76,6 +88,7 @@ nav.stroke ul li a:hover:after {
     align-items: flex-start;
     color: #fff;
     gap: 25px;
+    padding-top: 16px;
 }
 .avatar{
     width: 130px;

diff --git a/contributers.js b/contributers.js
@@ -30,8 +30,8 @@ document.addEventListener('DOMContentLoaded', () => {
 
         contributorElement.appendChild(avatar)
         contributorElement.appendChild(userName)
-        contributorElement.appendChild(userLink)
         contributorElement.appendChild(userContributions)
+        contributorElement.appendChild(userLink)
 
         container.appendChild(contributorElement);