Badge used in language section

publiclab · Mar 2, 2021 · 9ac4641 · 9ac4641
1 parent 681419e
commit 9ac4641
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 15 deletions.
diff --git a/examples/demo.css b/examples/demo.css
@@ -356,31 +356,24 @@ h1, h2, .section h3 {
     font-size: 14px;
     line-height: 1.42857143;
     color: #333;
-    padding: 25px;
+    padding: 27px;
     background-color: white;
     margin-bottom: 20px;
     overflow: scroll;
     font-size: 15px;
     width: 33%;
-    flex-wrap: wrap;
     position: relative;
-    display: inline-block;
+    display: block;
 }
 .repo-name{
-    display: inline-block;
-    width: 41%;
+    width: 76%;
 }
-.lang-name{
-    border-radius: 10px;
-    margin-left: 20%;
-    position: absolute;
-    background-color: white;
-    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-    padding: 5px 5px;
-    z-index: 1s;
+
+.badge{
+    border-radius: 5px;
 }
 
-/* language section sends */
+/* language section ends */
 
 /*First Timers Issues List */
 

diff --git a/examples/demo.js b/examples/demo.js
@@ -22,12 +22,14 @@ document.addEventListener('DOMContentLoaded', function () {
     $.each(data, function (i, status) {
         statusHTML += '<div class="conatiner-language">';
         statusHTML += '<div class="repo-name"><a href="' + status.html_url + '">' + status.name + '</a></div>';
-        statusHTML += '<divs class="lang-name">' + status.language + '</div>';
+        statusHTML += '<span class="badge">' + status.language + '</span>';
         statusHTML += '</div>';
     });
     $('#tbody').html(statusHTML);
     }
+
     request.send();
+
     /* langauge section ends */