feat: better button/active area/scrollbar styling

1 files changed, 32 insertions, 11 deletions

diff --git a/assets/style.scss b/assets/style.scss
index 8838937..7cc0dec 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -132,6 +132,18 @@ button,
   cursor: pointer;
 }
 
+.overlay .error {
+  color: black;
+}
+
+button:hover, .button:hover {
+  background: #f9c61b;
+}
+
+button:clicked, .button:clicked {
+  background: #ffc300;
+}
+
 h1,
 h2,
 h3,
@@ -168,6 +180,7 @@ p {
 
 .settings-sidebar>* {
   padding: 8px 16px;
+  cursor: pointer;
 }
 
 .settings-sidebar>.open,
@@ -199,14 +212,15 @@ p {
 .chats-list-item,
 .roster-list-item,
 {
-display: flex;
-align-items: start;
-gap: 8px;
-border-radius: 1em;
-padding: 0.5em;
-margin: 0.5em 0;
-box-sizing: border-box;
-align-items: stretch;
+  cursor: pointer;
+  display: flex;
+  align-items: start;
+  gap: 8px;
+  border-radius: 1em;
+  padding: 0.5em;
+  margin: 0.5em 0;
+  box-sizing: border-box;
+  align-items: stretch;
 }
 
 .chats-list-item:hover,
@@ -348,7 +362,7 @@ background: #00000060;
   color: black;
   background-color: #dcdcdc;
   max-height: 32em;
-  overflow-y: scroll;
+  overflow-y: auto;
   font-size: 16px;
   border: 2px solid black;
   padding: 8px;
@@ -508,6 +522,7 @@ background: #00000060;
   display: flex;
   justify-content: center;
   position: relative;
+  cursor: pointer;
 }
 
 .dock-pill {
@@ -659,7 +674,7 @@ background: #00000060;
 
 .settings-page {
   flex: 1 1 0;
-  overflow-y: scroll;
+  overflow-y: auto;
 }
 
 .profile-settings {
@@ -752,6 +767,7 @@ hr {
 }
 
 .menu-item {
+  cursor: pointer;
   padding: 4px 8px;
 }
 
@@ -798,6 +814,10 @@ hr {
   padding: 4px;
 }
 
+.new-chat, .add-contact, .close {
+  cursor: pointer;
+}
+
 .new-chat:hover,
 .new-chat.open,
 .add-contact:hover,
@@ -826,7 +846,8 @@ hr {
 
 .add-contact-menu form {
   display: flex;
-  gap: 16px;
+  flex-direction: column;
+  gap: 8px;
 }
 
 .add-contact-menu form input {