add some styles to WebButton

NilFoundation · Oct 30, 2023 · e2f0e81 · e2f0e81
1 parent 78cfc55
commit e2f0e81
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/site/src/components/common/WebButton/WebButton.module.scss b/site/src/components/common/WebButton/WebButton.module.scss
@@ -7,7 +7,9 @@
   position: relative;
   display: flex;
   width: 100%;
+  max-width: size(212);
   justify-content: space-between;
+  align-items: center;
   font-family: Inter, sans-serif;
   color: $gray-50;
   font-weight: 500;
@@ -95,6 +97,10 @@
       }
     }
   }
+
+  @include mobile {
+    max-width: size(229);
+  }
 }
 
 .icon {
@@ -105,6 +111,7 @@
 .size {
   &-s {
     font-size: size(14);
+    line-height: size(18);
 
     .icon {
       width: size(14);
@@ -114,6 +121,7 @@
 
   &-l {
     font-size: size(18);
+    line-height: size(22);
 
     .icon {
       width: size(18);