add: some slight improvements in navbar brand button

Author: RainyXeon

css/navbar.css

@@ -29,6 +29,17 @@ nav-item {
   background-color: var(--dim-brighter);
 } */
 
+.icon {
+  background-image: url(/assets/performanc/favicon.png);
+  display: block;
+  aspect-ratio: 1 / 1;
+  background-size: cover;
+  background-repeat: no-repeat;
+  width: 15px;
+  height: 15px;
+  border: 5px solid var(--bright);
+}
+
 nav-item[logo-checked] {
   background-color: var(--bright);
   backdrop-filter: blur(10px);

index.css

@@ -17,16 +17,6 @@ hero-content {
   margin-left: 40px;
 }
 
-.icon {
-  background-image: url(/assets/performanc/favicon.png);
-  display: block;
-  aspect-ratio: 1 / 1;
-  background-size: cover;
-  background-repeat: no-repeat;
-  width: 24px;
-  height: 24px;
-}
-
 footer {
   background-color: var(--dim);
   opacity: 1;

index.html

@@ -43,7 +43,7 @@
     <nav-constructor>
       <nav id="nav-brand" style="margin-right: 15px;">
         <nav-item class="icon"></nav-item>
-        <nav-item id="menu-button" logo-checked>PerformanC</nav-item>
+        <nav-item logo-checked>PerformanC</nav-item>
       </nav>
       <nav id="nav-button">
         <nav-item>About Us</nav-item>

index.js

@@ -7,11 +7,11 @@ copyright_notice_element.innerHTML = `© ${year} PerformanC Website — Licensed
 let isOpen = false
 const mobileQuery = window.matchMedia('(max-width: 1000px)');
 
-const menu_button = document.getElementById('menu-button')
+const nav_brand_button = document.getElementById('nav-brand')
 const menu_close_button = document.getElementById('menu-close-button')
 const menu = document.getElementById('menu')
 
-menu_button.addEventListener('click', () => {
+nav_brand_button.addEventListener('click', () => {
   if (!mobileQuery.matches) return;
   if (!isOpen) {
     menu.classList.add('open')