SMA-92: remove navbar bottom radius and moved icon to the right

MatejFrnka · Apr 24, 2024 · d82d9a9 · d82d9a9
1 parent e9da8dc
commit d82d9a9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/frontend/sportsmatch-app/src/components/Navbar.tsx b/frontend/sportsmatch-app/src/components/Navbar.tsx
@@ -46,7 +46,7 @@ function Navbar() {
               />
             </Link>
           </div>
-          <div className="col-2 align-items-center">
+          <div className="col-2 align-items-center avatar-icon">
             {isLoggedIn ? (
               <NavDropdown
                 title={

diff --git a/frontend/sportsmatch-app/src/styles/Navbar.css b/frontend/sportsmatch-app/src/styles/Navbar.css
@@ -7,8 +7,7 @@
 nav{
   width: 100%;
   height: 60px;
-  background: rgba(255, 255, 255, 0.5);;
-  border-radius:0 0 10px  10px ;
+  background: rgba(255, 255, 255, 0.5);
 }
 
 .user-image{
@@ -36,4 +35,10 @@ nav{
   height: 40px;
   margin: 0;  
   padding: 0;
+}
+
+.avatar-icon {
+  display: flex;
+  flex-direction: row;
+  justify-content: end;
 }