The sizing issue with the navigation bar in the main menu has been resolved, and adjustments have been made to give it a sleeker look.

OpenSoftware-World · web-flow · commit 65bd93969340 · 2026-04-26T18:41:31.000+03:00
diff --git a/WS_Pages/mainpage.html b/WS_Pages/mainpage.html
@@ -24,9 +24,18 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
     <link rel="shortcut icon" href="https://avatars.githubusercontent.com/u/143949134?v=4" type="image/x-icon">
+    <style>
+        .navbar .nav-link {
+            color: #000 !important;
+        }
+        .navbar .nav-link:hover {
+            color: #000 !important;
+            opacity: 0.7;
+        }
+    </style>
 </head>
 <body class="body" style="background-color: #FAFAFA">
-    <nav class="navbar navbar-expand-lg navbar-light bg-light title-navbar fs-4 py-3" style="background-color: #EAEAEA !important;">
+    <nav class="navbar navbar-expand-lg navbar-light bg-light title-navbar fs-4 py-2" style="background-color: #EAEAEA !important; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;">
         <div class="container-fluid">
             <img class="navbar-brand ms-3" src="https://avatars.githubusercontent.com/u/143949134?v=4" width="30" height="30" alt="OpenSoftware-World" title="OpenSoftware-World Logo">
             <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
