Update header

devdanielsun · Feb 11, 2024 · 2df595a · 2df595a
1 parent 93b6b7e
commit 2df595a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/pollor.client/src/app/header/header.component.css b/pollor.client/src/app/header/header.component.css
@@ -20,6 +20,11 @@ a.nav-link.active, a.nav-link:hover, button.navbar-toggler {
     width: 100%;
   }
 
+  .nav-item a {
+    border: 1px solid white;
+    margin-bottom: 0.5rem;
+  }
+
   .btn-group {
     margin-left: auto;
   }

diff --git a/pollor.client/src/app/header/header.component.html b/pollor.client/src/app/header/header.component.html
@@ -19,15 +19,15 @@ <h1 class="text-white">
           <a class="nav-link text-light" aria-current="page" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" routerLink="polls">All Polls</a>
         </li>
       </ul>
-      <form class="d-flex p-3" role="search">
+      <!-- <form class="d-flex p-3" role="search">
         <input class="form-control me-2" type="search" placeholder="Search in polls" aria-label="Search" disabled readonly>
         <button class="btn btn-light" type="submit" disabled readonly>Search</button>
-      </form>
+      </form> -->
       <div class="d-flex p-3" role="search">
 
         <!-- User options dropdown -->
         <div class="btn-group">
-          <button type="button" class="btn btn-dark dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
+          <button type="button" class="btn btn-light dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
             User actions
           </button>
           <ul class="dropdown-menu dropdown-menu-end w-100 p-2">