Fix association rendering. Add link to practical info in menu, opening hours and minor logo change.

src/components/AssociationList.js

@@ -39,7 +39,7 @@ export default class AssociationList extends React.Component {
         </p>
         <div className="association-list">
           {associations.map(({ node: association }) =>
-            this.renderAssociation(association)
+            AssociationList.renderAssociation(association)
           )}
         </div>
       </section>

src/components/Navbar.js

@@ -44,7 +44,7 @@ export default class Navbar extends React.Component {
         <nav className="site-nav">
           <Link to="/program/">Program</Link>
           <Link to="/nyheter/">Nyheter</Link>
-          <Link to="/om-dns/">Praktisk</Link>
+          <Link to="/praktisk/">Praktisk</Link>
         </nav>
         <Link to="/" className="logo">
           <img src={logo} alt="Det Norske Studentersamfund" />

src/css/header.scss

@@ -12,9 +12,10 @@
   z-index: 9002;
 
   .logo {
-    width: 1rem;
+    width: 2rem;
     height: 1rem;
     margin: 0 3rem;
+    margin-top: -0.35rem;
   }
 }
 

src/pages/index.js

@@ -56,8 +56,19 @@ export default class IndexPage extends React.Component {
           <div className="opening-hours">
             <h2>Åpningstider</h2>
             <ul>
-              <li>Glassbaren:</li>
-              <li>Bokcaféen:</li>
+              <li>
+                Glassbaren:
+                <ul>
+                  <li>Mandag–lørdag: 14:00–00:00</li>
+                </ul>
+              </li>
+              <li>
+                Bokcaféen:
+                <ul>
+                  <li>Mandag–torsdag: 19:00–00:00</li>
+                  <li>Fredag: 20:00–03:00</li>
+                </ul>
+              </li>
             </ul>
           </div>
         </section>