Fix button states

scidsg · Jul 7, 2024 · 9ad6d52 · 9ad6d52
1 parent 901c363
commit 9ad6d52
Showing 1 changed file with 21 additions and 5 deletions.
diff --git a/hushline/static/css/style.css b/hushline/static/css/style.css
@@ -472,12 +472,12 @@ button,
  border: 0px;
  background-color: var(--color-brand);
  color: white;
- padding: 0 1rem;
+ padding: .725rem;
  margin: .5rem 0;
+ line-height: 1;
 }
 
 header .btn {
- padding: .625rem .825rem;
  font-size: var(--font-size-small);
  margin-left: 1rem;
  min-width: initial;
@@ -494,6 +494,22 @@ header .btn {
  border: 1px solid var(--color-brand);
  border-radius: 50vw;
  font-family: var(--font-sans-bold);
+ text-decoration: none;
+ box-shadow: 0px 2px 0px 0px rgba(125,37,193,.25);
+}
+
+.formBody input[type="submit"]:hover,
+.formBody button:hover,
+.btn:hover {
+ box-shadow: none;
+ text-decoration: none;
+}
+
+.formBody input[type="submit"]:active,
+.formBody button:active,
+.btn:active {
+ box-shadow: inset 0px 2px 0px 0px rgba(125,37,193,.25);
+ text-decoration: none;
 }
 
 .formBody h3 + form button {
@@ -523,9 +539,9 @@ header .btn {
  display: inline-flex;
 }
 
-input[type="submit"]:hover,
-button:hover,
-.btn:hover {
+input[type="submit"],
+button,
+.btn {
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0px 2px 0px 0px rgba(125,37,193,.25);