chore(app): better ux for settings actions

2021-11-29 21:14:17 -05:00
parent 14d8c9d0e7
commit e4b99d2ca9
4 changed files with 25 additions and 5 deletions
--- a/src/components/SettingsActions/SettingsActions.css
+++ b/src/components/SettingsActions/SettingsActions.css
@@ -1,4 +1,4 @@
-.action-button {
+button.action-button {
  background-color: rgba(255, 255, 255, 0.05);
  color: white;
  padding: 8px;
@@ -6,6 +6,14 @@
  cursor: pointer;
 }

+button.action-button:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+button.action-button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
@media screen and (max-width: 558px) {
  .action-button {
    display: none;