Design some buttons in header.

2024-06-28 09:35:56 +02:00
parent 4cc2a15231
commit 42c4f76c0d
3 changed files with 14 additions and 4 deletions
--- a/frontend/src/app/components/header/header.component.scss
+++ b/frontend/src/app/components/header/header.component.scss
@@ -149,7 +149,16 @@ $headerHeight: 3.5em;
                align-items: center;
                min-width: 5em;
                color: white;
-                margin: 0 .5em;
+                margin: 0.5em 0.5em;
+                border-radius: 10em;
+                text-decoration: none;
+                padding: 0 .8em;
+                background-color: #3f51b5;
+                transition: background-color .2s ease-in-out;
+
+                &:hover {
+                    background-color: #5c6bc0;
+                }
            }
        }
    }