button designs

Author: c298lee

packages/feedback/src/constants/theme.ts

@@ -10,7 +10,7 @@ export const LIGHT_THEME = {
   backgroundHover: '#f6f6f7',
   foreground: '#2b2233',
   border: '1.5px solid rgba(41, 35, 47, 0.13)',
-  borderRadius: '12px',
+  borderRadius: '99px',
   boxShadow: '0px 4px 24px 0px rgba(43, 34, 51, 0.12)',
 
   success: '#268d75',

packages/feedback/src/core/components/Actor.css.ts

@@ -14,7 +14,7 @@ export function createActorStyles(): HTMLStyleElement {
   top: var(--top);
   z-index: var(--z-index);
 
-  line-height: 25px;
+  line-height: 16px;
 
   display: flex;
   align-items: center;
@@ -26,7 +26,7 @@ export function createActorStyles(): HTMLStyleElement {
   font-family: inherit;
   font-size: var(--font-size);
   font-weight: 600;
-  padding: 12px 16px;
+  padding: 16px;
   text-decoration: none;
   z-index: 9000;
 
@@ -56,6 +56,13 @@ export function createActorStyles(): HTMLStyleElement {
 .widget__actor__text {
 }
 
+@media (max-width: 600px) {
+  .widget__actor__text {
+    display: none;
+  }
+}
+
+
 .feedback-icon path {
   fill: var(--foreground);
 }