Fix du style des boutons qui n'étaient pas cohérents

src/app/app.component.html

@@ -58,16 +58,16 @@
 
 <div class="toolbar" role="banner">
   <nav>
-    <a class="toolbar-button" routerLink="/home">Home</a>
+    <a routerLink="/home">Home</a>
   </nav>
   <nav>
-    <a class="toolbar-button" routerLink="/businessunits">Business Units</a>
+    <a routerLink="/businessunits">Business Units</a>
   </nav>
   <nav>
-    <a class="toolbar-button" routerLink="/agences">Agences</a>
+    <a routerLink="/agences">Agences</a>
   </nav>
   <nav>
-    <a class="toolbar-button" routerLink="/collaborateurs">Collaborateurs</a>
+    <a routerLink="/collaborateurs">Collaborateurs</a>
   </nav>
 </div>
 

src/styles.scss

@@ -15,59 +15,46 @@ label {
 input {
   font-size: 1em;
   padding: .3rem;
-  margin: .5rem;
+  margin: 0 15px 0 0;
 }
 
-button {
+.form-submit {
-  padding: 5px;
   text-decoration: none;
-  margin: 2px;
-  display: inline-block;
   background-color: $secondary;
   color: white;
   border-radius: 4px;
+
 }
-button:hover {
+.form-submit:hover {
   background-color: $primary;
 }
-button:disabled {
+.form-submit:disabled {
   background-color: #eee;
   color: #ccc;
   cursor: auto;
 }
 
-.form-submit {
+a {
+  padding: 5px;
   text-decoration: none;
+  margin: 2px;
+  display: inline-block;
   background-color: $secondary;
   color: white;
   border-radius: 4px;
-
-}
-.form-submit:hover {
-  background-color: $primary;
-}
-.form-submit:disabled {
-  background-color: #eee;
-  color: #ccc;
-  cursor: auto;
 }
 
-.entities {
+a:hover {
-  margin: 0 0 2em 0;
+  background-color: $primary;
-  list-style-type: none;
+  color: white;
-  padding: 0;
-  width: 15em;
-}
-.entities li {
-  position: relative;
-  cursor: pointer;
 }
 
-.entities li:hover {
+a:active {
-  left: .1em;
+  background-color: #525252;
+  color: white;
 }
 
-.entities a, td a {
+button {
   padding: 5px;
   text-decoration: none;
   margin: 2px;
@@ -75,18 +62,13 @@ button:disabled {
   background-color: $secondary;
   color: white;
   border-radius: 4px;
+  border-color: transparent;
 }
-
+button:hover {
-.entities a:hover {
   background-color: $primary;
 }
-
+button:disabled {
-.entities a:active {
+  background-color: #eee;
-  background-color: #525252;
+  color: #ccc;
-  color: #fafafa;
+  cursor: auto;
-}
-
-input{
-  margin: 0 15px 0 0;
 }
-