fix: change sidemenu links without url to text

Author: falric

public/css/kurs-pm-web.scss

@@ -186,6 +186,12 @@ $icon-expanded-svg: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZ
   }
 }
 
+li.selected {
+  span.memosLink {
+    padding: 7px 0;
+  }
+}
+
 #mobileMenu.navbar.navbar-expand-lg.navbar-light {
   #mobileMenuContent.navbar-collapse.collapse.show ul.menu.navbar-nav.mr-auto {
     & > li.nav-item.node.selected.expanded {
@@ -197,6 +203,9 @@ $icon-expanded-svg: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZ
     a.memosLink {
       padding-left: 10px;
     }
+    span.memosLink {
+      padding-left: 10px;
+    }
   }
 }
 
@@ -350,6 +359,11 @@ h2.info {
   margin-top: 0;
 }
 
+span.nav-link {
+  padding: 7px 15px 7px 0;
+  color: #000;
+}
+
 .about-container {
   ul {
     list-style: none;

public/js/app/components/SideMenu.jsx

@@ -52,7 +52,7 @@ const SideMenu = ({ labels, courseCode, language, aboutCourseMemo, courseMemoIte
             </a>
           </li>
           <li className="nav-item node selected expanded">
-            <a className="nav-link">{labels.courseMemo}</a>
+            <span className="nav-link">{labels.courseMemo}</span>
             <ul className="nav nav-list">
               <li className={`nav-item leaf ${aboutCourseMemo ? 'selected' : ''}`}>
                 <a
@@ -62,13 +62,21 @@ const SideMenu = ({ labels, courseCode, language, aboutCourseMemo, courseMemoIte
                   {labels.aboutCourseMemos}
                 </a>
               </li>
-              {courseMemoItems.filter(removedOutdated).map(({ label, url, active }) => (
-                <li key={label} className={`nav-item leaf ${active ? 'selected' : ''}`}>
-                  <a href={active ? null : url} className="nav-link memosLink" aria-label={label}>
-                    {label}
-                  </a>
-                </li>
-              ))}
+              {courseMemoItems.filter(removedOutdated).map(({ label, url, active }) =>
+                active ? (
+                  <li key={label} className="nav-item leaf selected">
+                    <span className="nav-link memosLink" aria-label={label}>
+                      {label}
+                    </span>
+                  </li>
+                ) : (
+                  <li key={label} className="nav-item leaf">
+                    <a href={active ? null : url} className="nav-link memosLink" aria-label={label}>
+                      {label}
+                    </a>
+                  </li>
+                )
+              )}
             </ul>
           </li>
           <li className="nav-item leaf">