Merge branch 'master' into feature/architecture_details

data/repositories.yml

@@ -49,3 +49,19 @@
       links:
         - name: Architecture
           url: /concepts/secret-store/
+
+- group: Project Management
+  items:
+    - name: OEPs
+      links:
+        - name: OEP-01
+          url: https://github.com/oceanprotocol/OEPs/tree/master/1
+    - name: ocean
+      links:
+        - name: Business Board
+          url: https://github.com/oceanprotocol/ocean/projects/1
+        - name: Development Board
+          url: https://github.com/oceanprotocol/ocean/projects/2
+        - name: Research Board
+          url: https://github.com/oceanprotocol/ocean/projects/3
+    - name: dev-ocean

src/components/Repositories/Repository.jsx

@@ -224,17 +224,17 @@ const Repository = ({ name, links, readme }) => (
 
             // enhance passed links array with what's in repositories.yml,
             // iterating over all repos until we have a name match
-            const linksFilteredArray = repositoriesYaml.map(({ node }) => {
-                return node.items
-                    .map(item => {
-                        if (item.name === name) {
-                            return item.links
-                        }
-                    })
-                    .filter(n => n)[0]
+            let linksFilteredArray = []
+
+            repositoriesYaml.map(({ node }) => {
+                node.items.forEach(item => {
+                    if (item.name === name) {
+                        linksFilteredArray.push(item.links)
+                    }
+                })
             })
 
-            const moreLinks = links || linksFilteredArray[0]
+            const moreLinks = links || linksFilteredArray.filter(n => n)[0]
 
             return (
                 <article className={styles.repository}>

src/components/Repositories/Repository.module.scss

@@ -9,6 +9,12 @@
     text-align: left;
     width: 100%;
     margin-bottom: $spacer;
+    display: flex;
+    flex-wrap: wrap;
+
+    p {
+        align-self: flex-start;
+    }
 }
 
 .repositoryName {
@@ -17,6 +23,7 @@
     margin-bottom: $spacer / 2;
     border: 0;
     padding: 0;
+    width: 100%;
 
     a:first-of-type {
         color: $brand-black;
@@ -44,13 +51,16 @@
 
 .repositoryMeta {
     display: flex;
-    align-items: center;
+    align-items: flex-end;
+    align-self: flex-end;
+    width: 100%;
 }
 
 .repositoryLinks {
     margin: 0;
     padding: 0;
     margin-left: -($spacer / $line-height);
+    width: 80%;
 
     li {
         display: inline-block;
@@ -71,9 +81,9 @@
 .repositorynumbers {
     font-size: $font-size-small;
     margin-left: -($spacer / 4);
-    margin-bottom: -.2rem;
     flex: 1;
     text-align: right;
+    width: 20%;
 
     a {
         color: $brand-grey-light;