From 529269fcb672f46df4b8a43ab663f3699ebf702b Mon Sep 17 00:00:00 2001 From: Clement FERRERE Date: Thu, 28 Apr 2022 10:56:18 +0200 Subject: [PATCH] =?UTF-8?q?Fix=20du=20style=20des=20boutons=20=20qui=20n'?= =?UTF-8?q?=C3=A9taient=20pas=20coh=C3=A9rents?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/app.component.html | 8 ++--- src/styles.scss | 62 ++++++++++++++------------------------ 2 files changed, 26 insertions(+), 44 deletions(-) diff --git a/src/app/app.component.html b/src/app/app.component.html index b746eb1..77ab4a4 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -58,16 +58,16 @@ diff --git a/src/styles.scss b/src/styles.scss index 5e192ac..770b9c9 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -15,59 +15,46 @@ label { input { font-size: 1em; padding: .3rem; - margin: .5rem; + margin: 0 15px 0 0; } -button { - padding: 5px; +.form-submit { 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 { - margin: 0 0 2em 0; - list-style-type: none; - padding: 0; - width: 15em; -} -.entities li { - position: relative; - cursor: pointer; +a:hover { + background-color: $primary; + color: white; } -.entities li:hover { - left: .1em; +a:active { + 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; } - -.entities a:hover { +button:hover { background-color: $primary; } - -.entities a:active { - background-color: #525252; - color: #fafafa; -} - -input{ - margin: 0 15px 0 0; +button:disabled { + background-color: #eee; + color: #ccc; + cursor: auto; } -