Cleaned up UI and improved UX a bit

package.json

@@ -11,9 +11,9 @@
   "dependencies": {
     "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
     "@react-icons/all-files": "^4.1.0",
-    "@sei-js/core": "^0.0.0-internal-20231212072337",
+    "@sei-js/core": "^3.1.3",
     "@sei-js/proto": "^3.1.0",
-    "@sei-js/react": "^0.0.0-internal-20231212072337",
+    "@sei-js/react": "^3.2.0",
     "classnames": "^2.3.2",
     "crypto-browserify": "^3.12.0",
     "papaparse": "^5.4.1",

src/components/BubbleSelect/BubbleSelect.module.sass

@@ -5,10 +5,11 @@
 
 .bubble
   color: #eee
-  border: #eee solid 1px
+  border: transparent solid 1px
   border-radius: 2rem
   padding: 0.5rem 1rem
   cursor: pointer
+  font-weight: 800
   transition: background-color 0.1s
 
   &:hover
@@ -18,3 +19,4 @@
 .selected
   background-color: #eee
   color: black
+  border-color: #eee

src/components/MultiSig/MultiSig.module.sass

@@ -4,10 +4,12 @@
   padding: 2rem
   gap: 2rem
   min-width: 720px
+  overflow: auto
 
 .button
   background-color: #444
   color: #fff
+  font-weight: 600
   border: 1px solid #666
   padding: 10px 20px
   border-radius: 5px
@@ -34,6 +36,10 @@
     cursor: not-allowed
     box-shadow: none
 
+.buttonReady
+  background-color: #f1f1f1
+  color: #121212
+
 .input
   background-color: #333
   color: #fff
@@ -60,7 +66,7 @@
       color: red
 
 .card
-  gap: 1rem
+  gap: 2rem
   background-color: #2a2a2a
   color: #fff
   border-radius: 8px
@@ -69,11 +75,30 @@
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)
   margin-bottom: 20px
   transition: box-shadow 0.3s
+  max-width: 640px
+  overflow-y: hidden
 
 .cardHeader
   font-size: 1.5rem
   font-weight: bold
 
+.cardTip
+  flex-direction: row
+  align-items: center
+  background-color: #f1f1f122
+  border-radius: 0.25rem
+  padding: 1rem
+  gap: 1rem
+  font-size: 1rem
+  font-weight: 600
+
+.tipBulb
+  width: 3rem
+  height: 3rem
+
+.tipText
+  font-size: 1.25rem
+
 .row
   display: flex
   flex-direction: row
@@ -91,6 +116,7 @@
   font-size: 14px
   border: #f1f1f188 solid 2px
   padding: 1rem
+  gap: 1rem
   border-radius: 1rem
 
   p
@@ -121,3 +147,36 @@
 
   input
     flex: 1
+
+.recipient
+  flex-direction: column
+  gap: 1rem
+  overflow-y: auto
+
+.recipientList
+  flex-direction: column
+  gap: 0
+  overflow-y: auto
+
+.recipientItem
+  flex-direction: row
+  align-items: center
+  justify-content: space-between
+  width: 100%
+  height: 40px
+  min-height: 40px
+  border-bottom: #f1f1f111 solid 1px
+
+.emptySet
+  padding: 4rem
+  align-items: center
+  justify-content: center
+
+.trash
+  width: 2rem
+  height: 2rem
+
+  &:hover
+    cursor: pointer
+    color: red
+    opacity: 0.6