Update menu.html

wiki/menu.html

@@ -75,9 +75,12 @@
             padding: 12px 16px;
             text-decoration: none;
             display: block;
+            border-radius: 20px; 
         }
+
         .son li a:hover {
             background-color: #f1f1f1;
+            border-radius: 20px; 
         }
     </style>
 </head>
@@ -90,12 +93,12 @@
             <li><a href="{{ url_for('home') }}">Home</a></li>
             <li onmouseover="over(this)" onmouseleave="leave(this)">
                 <a href="#" style="cursor:default;">Project</a>
-                <ul class="son">
-                    <li><a href="{{ url_for('pages', page='description') }}">Description</a></li>
-                    <li><a href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
-                    <li><a href="{{ url_for('pages', page='engineering') }}">Engineering</a></li>
-                    <li><a href="{{ url_for('pages', page='safety') }}">Safety</a></li>
-                </ul>
+                <div class="son">
+                    <p><a href="{{ url_for('pages', page='description') }}">Description</a><p>
+                    <p><a href="{{ url_for('pages', page='contribution') }}">Contribution</a></p>
+                    <p><a href="{{ url_for('pages', page='engineering') }}">Engineering</a></p>
+                    <p><a href="{{ url_for('pages', page='safety') }}">Safety</a></p>
+                </div>
             </li>
             <li onmouseover="over(this)" onmouseleave="leave(this)">
                 <a href="#" style="cursor:default;">Wetlab</a>